‹‹ cycle homejQuery Cycle Plugin - Frequently Asked Questions

What happened to the plugin file that used to be at http://cloud.github.com/downloads/malsup...
The old download links on github are no longer valid (github is no longer supporting the "downloads" feature).

Please use this link instead:
http://malsup.github.io/jquery.cycle.all.js

Or copy the plugin file to your local server and serve from there.

Is there a minified version of the plugin available?
Yes: http://malsup.github.io/min/jquery.cycle.all.min.js
How do I get support for the Cycle Plugin?
Please post questions to the jQuery Forum: http://forum.jquery.com.
What versions of jQuery is the Cycle Plugin compatible with?
The Cycle Plugin is supported on jQuery v1.7.1 and later.
Does the Cycle Plugin have any dependencies on other plugins?
No, however it can leverage other plugins that are installed, such as the Easing Plugin.
What options are available?
Supported options can be found on the options page.
Why do all my images (slides) display briefly when the page loads?
When a web page depends on JavaScript for DOM manipulation or styling, you may see a "flash of unstyle content" because the browser may render elements before the DOM is fully loaded and before the DOMContentLoaded event is fired. Karl Swedberg wrote a nice article on this problem and how to avoid it. Karl talks about a general purpose solution, but for Cycle the solution is much simpler: just hide all but your first slideshow image using CSS.

For example:

#slideshow img { display: none }
#slideshow img.first { display: block }
...

<div id="slideshow">
	<img src="image1.jpg" width="200" height="200" class="first" />
	<img src="image2.jpg" width="200" height="200" />
	<img src="image3.jpg" width="200" height="200" />
</div>
    	
Here's another solution by Shane Riley
How do I center my slides inside the slideshow?
Check out the center demos: center demo 1, center demo 2
How can I transition multiple images at a time?
Create image groups using divs and then cycle the divs: group by div demo
How do I create a caption that tells which slide the slideshow is on?
slide count demo
How can I use metadata, such as an 'alt' attribute, to display captions?
caption demo
How do I use anchors around my images?
anchor demo
How can I fade in the first slide?
fade-in-first demo
How can I use an external control to advance the slideshow to a particular slide?
Check out the 'goto' demos: goto1, goto2, goto3, goto4
How can I use multiple transition effects for my slideshow?
multi effect demo
How can I pause a slideshow?
pause demo
How can I create a slideshow with bookmarkable slides?
bookmark demo
How can I create a slideshow that scrolls left for the previous slide and right for the next slide?
horizontal scroll demo
How can I control the slide duration on a slide-by-slide basis?
timeout demo 1, timeout demo 2