Skip navigation
Currently Being Moderated

Simple way to insert  custom Jquery Slideshows and Plugins in Muse

Jul 15, 2012 2:00 PM

Hi guys, I know the Adobe Muse team is working hard to make this revolutionary tool better by the day. They have done a lot of foundation work to get this tool up to this state. I say congrates guys keep the good work on.

 

But before we get to the promised land. I know a lot of 'creative non-coders' still want to take up the challenge of doing some cool stuff spread around the internet nowadays such as jquery fullscreen image slideshow, fullscreen image jquery sliders, etc. But Muse is not there yet. I believe the next release will enable designers to take advantage of the height feature missing right now(I just believe so, no insider hint, please don't quote me.).

 

Okay let me not bore you.

 

Now I have noticed you can bring any slideshow into Muse if you have the bravery to do it. It's so simple. See this: www.dynamicarchitecturaldesign.com.

 

The slideshow was a backstretch jquery plugin with some custom javascript to load the page before displaying the page.

 

The trick is,  follow the instruction provided by the author of any of this script, especially the ones relating to the jquery-1.4min.js... jquery-1.7.min.js... upto the latest version that could possibly be available. Note: Adobe Muse also have almost the latest version of the jquery plugin. So after authoring your stuff in Adobe Muse, export as HTML then move and replace any of the code provided by the author of the code you intent to use with the one that Muse generates always:

<script src="http://musecdn.businesscatalyst.com/scripts/1.1/jquery-1.7.min.js" type="text/javascript"></script>

 

This is often placed toward thge bottom section before the closing </body> and </html> tags. Move it up to the head section using notepad or DW. Though this is not the intended workflow by the Muse team, but it gives you the edge to do stuff you want to do.

 
Replies
  • Currently Being Moderated
    Jul 16, 2012 11:21 AM   in reply to topelovely

    Hey toplovely,

     

    Nice article. One thing though, editing the HTML after exporting will not reflect the changes back in Muse and you will have to make changes everytime you publish/export.

    I would recommend to use the following two options to tweak the looks with jquery, as much as possible, to keep the option of exporting/publishing with you.

     

    1. Page Properties -> Metadata.

    2. Object -> Insert HTML

     

    Regards,

    Abhishek Maurya

     
    |
    Mark as:
  • Currently Being Moderated
    Aug 15, 2012 8:01 AM   in reply to topelovely

    Hi,

     

    I would appreciate if you can add it to the ideas section over here, http://forums.adobe.com/community/muse/ideas

     

    Regards,

    Abhishek Maurya

     
    |
    Mark as:
  • Currently Being Moderated
    Jan 7, 2013 2:42 AM   in reply to Abhishek Maurya

    I would also have an option to insert code after the bottom section (jquery ...).

    Adobe Muse would be usable by 1000% and would also attract many developers.

     

    Thanks.

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points