The jQuery Cycle Plugin is a lightweight slideshow plugin. Its implementation is based on the InnerFade Plugin by Torsten Baldes, the Slideshow Plugin by Matt Oakes, and the jqShuffle Plugin by Benjamin Sterling. It supports pause-on-hover, auto-stop, auto-fit, before/after callbacks, click triggers and many transition effects. It also supports, but does not require, the Metadata Plugin and the Easing Plugin.

How it Works:

The plugin provides a method called [code class="inline"]cycle[/code] which is invoked on a container element. Each child element of the container becomes a “slide”. Options control how and when the slides are transitioned.

Images are used in these demos because they look cool, but slideshows are not limited to images. You can use any element you want.

Browse Effects:

Use the Effects Browser page to preview the available effects.

Demo: http://www.malsup.com/jquery/cycle/

Download: http://www.malsup.com/jquery/cycle/jquery.cycle.all.min.js?v2.60

Source: http://www.malsup.com/jquery/cycle/

Related Listings:

1. jQuery Cycle Plugin Overview The jQuery Cycle Plugin is a lightweight slideshow plugin....
2. 10 Interesting Lightweight jQuery Plugins In this post I want to suggest you ten interesting...
3. Javascript Image Slideshow Script Wizard Features: 5 different cross browser slideshow effects. Easy-to-configure. You can...
4. JQuery Block UI Plugin The jQuery BlockUI Plugin lets you simulate synchronous behavior when...
5. slideViewer Images – JQuery Plugin What’s this? slideViewer is a lightweight (1.5Kb) jQuery plugin wich...

Do you like this post?

Email: