Enhance your S5 based slideshow with scriptaculous effects using this handy script. 

Usage:

 <script src="prototype/prototype.js" type="text/javascript"></script>
       <script src="scriptaculous/scriptaculous.js" type="text/javascript">

</script>


      <script src="presentacular.js" type="text/javascript"></script>

Adding effects is easy, you only have to add some extra CSS classes to the slides items. You don’t have to worry (if you don’t want to) about the Javascript code to include the effects, Presentacular does it for you. For example, to add the pulsate effect to a title, in order to fade it in and out five times, you only have to add the pulsate class:

<h2 class="pulsate">Adding effects is easy</h2>

The effect duration is also controlled with CSS classes, using extra arguments. You have to append an underscore _ to the effect name followed by the effect duration in seconds. For example, this code will shake during 2 seconds:

<p class="shake_2">Control the effect duration</p>

Supported Effects

• blinddown Effect.BlindDown
• appear Effect.Appear
• puff Effect.Puff
• shake Effect.Shake
• pulsate Effect.Pulsate
• slidedown Effect.SlideDown
• highlight Effect.Highlight
• grow Effect.Grow
• fade Effect.Fade
• fold Effect.Fold
• shrink Effect.Shrink

You can find it online at http://labs.cavorite.com/presentacular/

Related Posts

• No Related Post