Widgets: Carousel

This is a carousel script for jQuery that is easily configurable in a multitude of ways. The script also includes hooks for custom transitions, should you wish to add them.

Modern

This carousel has been written with modern browsers in mind. By “modern”, I mean any with a reasonable support for CSS2. As a result, it won't display correctly in IE6 without a bit of hackery in the CSS files to remove unsupported selectors and properties.

Source code

You can find all the code in the Github repository here:

http://github.com/nefarioustim/modern-carousel/

Demos

Example 1

This example is set up with the following configuration:

• Default configuration

Example 2

This example is set up with the following configuration:

• Looping
• Autoplay
• Controls display on hover
• Pauses on hover

Example 3

This example is set up with the following configuration:

• Vertical motion
• Autoplay
• Controls display on hover
• No pagination

Example 4

This example is set up with the following configuration:

• View two panes
• Move by two panes
• Looping
• Autoplay
• Controls display on hover
• Pauses on hover

Example 5

This example is set up with the following configuration:

• Custom “fade” transition
• Looping
• Controls display on hover

Example 6

Epic carousel example: