10 Amazing jQuery Carousel Plugins to wet your appetite and get your site looking exciting! A carousel is basically a display for your media which is continuously revolving. For example, images that are displayed at a time interval so that each one gets it’s turn at the front. Have fun!


1. rCarousel


Continuous jQueryUI carousel.
rCarousel.jpg
Source


2. Theatre Carousel


Amazing carousel. You can have it on your page, learn how in this tutorial.
Theatre-Carousel.jpg
Source


3. Barousel


A jQuery plugin to easily generate simple carousels where each slide is defined by an image + any type of related content.
Barousel.jpg
Source


4. 3D Carousel


Created a 3D Carousel from a list of images, with reflections and animated by mouse position.
3D-Carousel.jpg
Source


5. Liquid Carousel Plugin


A jQuery plugin intended for liquid designs. Every time the container of the carousel gets resized, the number of items in the list changes to fit the new width.
Liquid-Carousel-Plugin.jpg
Source


6. carouFredSel


A plugin that turns any kind of HTML element into a carousel. It can scroll one or multiple items simultaneously, horizontal or vertical, infinite and circular, automatically or by user interaction.
carouFredSel.jpg
Source


7. k3dCarousel


Learn how in this tutorial.
k3dCarousel.jpg
Source


8. jQuery Feature Carousel


This plug-in was intended to be used to display feature stories on a home page of a website, but can be used for any reason and is highly customizable. It will always display three images at the same time, with all the rest hidden behind the center image.
jQuery-Feature-Carousel.jpg
Source


9. iCarousel


An open source (free) javascript tool for creating carousel like widgets..
iCarousel.jpg
Source


10. Billy: an Elegant Carousel Plugin


Out of the box, billy is a basic scrolling carousel which can be implemented very easily. A person with little knowledge of either html or javascript can get billy working on a page within a few minutes.
Billy-an-Elegant-Carousel-Plugin.jpg
Source

Sam Deering is a Front-end Web Developer who specialises in JavaScript & jQuery. Sam is driven and passionate about sharing his knowledge to educate others.

Free Guide:

How to Choose the Right Charting Library for Your Application

How do you make sure that the charting library you choose has everything you need? Sign up to receive this detailed guide from FusionCharts, which explores all the factors you need to consider before making the decision.


No Reader comments

Learn JavaScript for free!
Free course: Introduction to JavaScript

Yours when you take up a free 14-day SitePoint Premium trial.