simpleslide jquery plugin

Feb 03, 2010

A jquery slideshow plugin without the kitchen sink!

download


usage

1. include simpleslide js and css files in your page head. Make sure you have jquery 1.3 loaded of course (and optionally jquery easing for different transition types)!

2. create a div and add all images to be shown in slideshow to this div. Give the div a unique id. Optionally, add title tags to the images to use the title feature.

3. target the id of the div you added the images to with simpleslide plugin like this:

Show Plain Text
  1.  
  2.     $(document).ready(function(){
  3.                 $('#myslides').simpleslide({'frameWidth' : 500,
  4.                                 'frameHeight' : 333 ,
  5.                                 'labels' : true
  6.                                 //other parameters go here!
  7.                                 }
  8.                               );
  9.             });
  10.  

4. DONE!

parameters

startingSlide	    // first slide to feature
frameWidth	    // width of slideshow, default 640		
frameHeight	    // height of slideshow, default 480
titlebarHeight	    // height of titlebar, default 20
labels		    // true or false, default true
labelPosition	    // 'top' or 'bottom', default bottom
timePerSlide	    // time per slide to feature in ms, default 5000
transitionTime	    // time per transition in ms, default 500 
transitionType	    // transition type - requires jquery easing (optional), default "swing"

friends

recently scrobbled
more...
links.rand()
more...