🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

sliders.js is a powerful jQuery slider resolution to create slideshow/carousel with lots of options/methods to customize.

Carousel fade

Documentation

jquery.sliders.js

A jQuery slideshow/carousel plugin... Check out the demo here: http://citrus.github.com/jquery.sliders

Enjoy!


Usage

Initialize a slider like so:

$('#slideshow').sliders();

Or with options:

$('#slideshow').sliders({     transition:     'slide', // slide or fade   queue:          false,   // allow multiple transitions to be queued   delay:          5000,    // time each slide is shown (milliseconds)   speed:          450,     // time of transition (milliseconds)   first:          0,       // initial slide to start on   ease:           'swing', // transition ease   play:           true,    // auto-play the slideshow   keyboardEvents: true     // allow keyboard to control (next/prev/play/pause) });

Control your slider by passing options into the sliders method:

$('#slideshow').sliders('play');            // plays the slider $('#slideshow').sliders('pause');           // pauses the slider $('#slideshow').sliders('toggle');          // plays if paused, pauses if playing $('#slideshow').sliders('goto', 4);         // goes to the fourth slide (zero index) $('#slideshow').sliders('goto', 'next');    // goes to the next slide $('#slideshow').sliders('goto', 'prev');    // goes to the previous slide $('#slideshow').sliders('goto', 'last');    // goes to the last slide $('#slideshow').sliders('advance', 2);      // skips ahead two slides $('#slideshow').sliders('enableKeyboard');  // enables keyboard control (arrow keys for next/prev and spacebar for play/pause) $('#slideshow').sliders('disableKeyboard'); // disables keyboard control $('#slideshow').sliders('toggleKeyboard');  // toggles keyboard control $('#slideshow').sliders('hide');            // pauses, disables keyboard events then hides the slider $('#slideshow').sliders('show');            // shows the slider and resumes playing if play option is true

License

Copyright (c) 2011 - 2012 Spencer Steffen & Citrus, released under the New BSD License All rights reserved.


You May Also Like