Home

Step 1

Include jQuery, jquery.cycle, and jquery.qCycle. They are all required. In that order.

Step 2

Define your array of images.

Step 3

Set up the first slide in your HTML source.

Step 4

Call the plugin.

More Details

CSS

Apply any CSS you’d like to use. qCycle does not require any specific CSS to operate.

Options

• toLoad (Array) accepts an array of objects. you should have object per slide in your slideshow.
• cycleOpts (Object) passed directly into jQuery.cycle on initialization. see cycle docs for options.
• createSlide (Function) where slides are created. default just returns the loaded image.
• start (String) can be either ‘pageload’ or ‘immediate’

Defaults can be overridden by declaring your own object literal in $.fn.qCycle.defaults.