Best jQuery Carousel Plugins & Tutorials with Demo

Hover Carousel with jQuery & CSS3

June 17, 2015 | Carousel, CSS2 / CSS3.0, Plugins

This super lightweight jQuery carousel which only moves left and right in relation to the mouse position inside it’s area.

Read More Demo

Carousel using only HTML and CSS

June 8, 2015 | Carousel, CSS2 / CSS3.0

I’ve been working on a site that uses a CMS that’s a bit limiting. I can add my own HTML and CSS to the site, but JavaScript is off-limits.

I had some ideas of how I could make that work using CSS animations and the transform property, but that would leave me with a carousel that scrolled automatically and didn’t allow for user input which wasn’t really what I was looking for. After some thinking, I eneded up with a solution that uses absolute positioning and the :target pseudo-selector to change the z-index and opacity of our carousel items to cycle through them.

Read More Demo

jCarouselLite : jQuery Carousel Plugin

June 6, 2015 | Carousel, Plugins

jCarousel Lite is a jQuery plugin that carries you on a carousel ride filled with images and HTML content. Put simply, you can navigate images and/or HTML in a carousel-style widget.

Read More Demo

Carousel-3d : jQuery plugin 3D Carousel Slider

March 4, 2015 | Carousel, Plugins

A simple 3D carousel widget. It supports all major browsers including IE8,9 with best effort. Full 3D effect requires css transform3d support browsers. And this widget works with not only images but any html elements as child.

Read More Demo

CarouselSS : jQuery Carousel Plugin

January 20, 2015 | Carousel

jQuery Carousel plugin for HTML content/images.It listens to CSS transition/animation events when switching frames and uses CSS class-based states.

Demos:

Read More Demo

FilmRoll : jQuery Carousel Plugin

December 18, 2014 | Carousel, Plugins

FilmRoll is a lightweight jQuery carousel (12 kb minified) that focuses on one item at a time, centering it in the view, regardless of the relative sizes of the carousel items.

Features: