Best jQuery Carousel Plugins & Tutorials with Demo

PaW Carousel : jQuery Responsive Carousel

PaW Carousel : jQuery Responsive Carousel

A responsive carousel with thumnail navigation jQuery plugin.

  • Under 6KB when minified
  • @2x/high-res/retina image support
  • Add multiple carousels on one page
  • Completely rewritten to be faster and more reliable
  • Better loading of images to look smoother
  • More reliable video scaling
  • More robust at all screen sizes
  • Choose whether to resize or crop images at smaller screen sizes

Hover Carousel with jQuery & CSS3

Hover Carousel with jQuery & CSS3

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

Carousel using only HTML and CSS

Carousel using only HTML and CSS

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.

jCarouselLite : jQuery Carousel Plugin

jCarouselLite : jQuery Carousel Plugin

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.

Carousel-3d : jQuery plugin 3D Carousel Slider

Carousel-3d : jQuery plugin 3D Carousel Slider

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.

CarouselSS : jQuery Carousel Plugin

CarouselSS : jQuery Carousel Plugin

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

Demos:

FilmRoll : jQuery Carousel Plugin

FilmRoll : jQuery Carousel Plugin

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:

  • Centers one item at a time in the view
  • Uses css classes for easy styling / transitions
  • Provides previous / next buttons and pagination automatically
  • Defaults to auto scroll with pause on hover
  • Supports full screen usage
  • Swipe movement if TouchSwipe is present

Pickli : jQuery Carousel List Picker Plugin

Pickli : jQuery Carousel List Picker Plugin

jQuery Plug-in – Carousel Picker for li tags.

Features:

  • Carousel Picker for list.
  • Horizontal or vertical orientation.
  • Align on left / center / right or top / medium / bottom.
  • Custom class for selected and unselected items.
  • Responsive with onResize event.
  • Custom data key.
  • Call data with ajax.
  • Interactivity with custom events and cursor.
  • Animated change with custom transitions.

ItemSlide.js : jQuery Touch enabled Carousel Plugin

ItemSlide.js : jQuery Touch enabled Carousel Plugin

ItemSlide.js is a jQuery plugin for a touch enabled carousel.

  • Touch enabled
  • Responsive
  • Multiple Animation speed and Swipe sensitivity options.

Slider Pro – jQuery Slider plugin

Slider Pro - jQuery Slider plugin

A modular, responsive and touch-enabled jQuery slider plugin that enables you to create elegant and professionally looking sliders.

Features:

  • modular architecture
  • responsive
  • touch-swipe
  • CSS3 transitions
  • animated layers (and static)
  • infinite scrolling
  • carousel layout
  • full width and full window support
  • thumbnails
  • deep linking
  • lazy loading
  • retina-enabled
  • fade effect
  • full-screen support
  • CSS-only navigation controls (no graphics) for easy customization
  • video support


Best jQuery websites design awards