Carousel

Here you will create a simple circular content carousel. The idea is to have some content boxes that we can slide infinitely (circular).

When clicking on the “more” link, the respective item moves to the left and a content area will slide out. Now we can navigate through the carousel where each step will reveal the next or previous content box with its expanded content. Clicking on the closing cross will slide the expanded content area back in and animate the item to its original position.

Agile Carousel is a jQuery plugin that allows us to create flexible (both in function and design) slideshows and carousel.

The plugin uses JSON for the data format of the slides. You can select between "fade" or "slide" as the transition effect, duration of the transitions and intervals between each slide can all be defined.

Elastislide is a responsive jQuery carousel that will adapt its size and its behavior in order to work on any screen size. Inserting the carousel’s structure into a container with a fluid width will also make the carousel fluid.

Elastislide uses the jQuery Touchwipe Plugin which allows you to obtain the wipe event on an iPhone, iPad or iPod Touch.

Tiny Carousel is a lightweight carousel for sliding html based content. Tiny Carousel can slide vertical or horizontal, supports navigation by button or paging. Animation time can be set in milliseconds or to 'instant', a interval can be set to slide automaticaly every given milliseconds.