Image Rotator

Rotator Widget Demo

jQuery and the jQuery Cyle Plugin is required for this widget to work.  Just include theme  in your head: 

<script src="//code.jquery.com/jquery-1.7.min.js"></script>
<script type="text/javascript" src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.latest.js"></script>

Upload the "rotator" directory to your widgets directory:

/addons/shared_addons/widgets 
or 
/addons/default/widgets

Create a folder with all the images you would like to setup in the rotator.  Then add the widget to the widget area of your choice: 

rotator_add_widget.png

  1. Give it a title.
  2. Select an Widget Area.
  3. Select a Folder.
  4. Fill in an animation.
  5. Fill in the speed in micro seconds.
  6. Fill in Height and Width.

Put the Widget area tag where you would like to see the rotator: 

 {{ widgets:area slug="rotator" }}

And here is the final result:

Wakeboard Photos

©2017 SJDUB. All Rights Reserved. Powered by PyroCMS