jQuery Carousel Plugin & Tutorials with Example

SmartWave : jQuery Content Carousel Plugin

SmartWave : jQuery Content Carousel Plugin

SmartWave is a smart content carousel plugin with a lot of great features! Along with smooth CSS3 transitions, retina-ready controls and support for wide range of browser, SmartWave can rotate items in perspective during scroll, accelerate when you swipe faster, resize by choosing best items size and number of visible items and finally, perform “lazy loading” of images, what dramatically reduces loading time on mobile devices!

  • Fully responsive & Mobile optimized
  • Retina-ready
  • CSS3 on board with jQuery fallback
  • Interesting rotation effect
  • Configurable angle of rotation effect
  • Adjustable number of visible items and their size
  • Swipe speed aware scroll
  • “Snap” scroll mode (one-by-one or all visible)
  • Lazy loading for images to speed-up your site!

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

CSS3 Perspective Carousel

CSS3 Perspective Carousel

An awesome carousel developed on top of jQuery with bit of witchcraft of CSS3.

PgwSlideshow : jQuery Slideshow Carousel Gallery Plugin

PgwSlideshow : jQuery Slideshow Carousel Gallery Plugin

PgwSlideshow – Responsive slideshow / gallery / carousel for jQuery / Zepto.

  • Fully responsive slideshow
  • Desktop and Mobile devices supported
  • Less than 4 KB (minified and gzipped)
  • Full customization with the CSS file included

Client testimonials carousel with jQuery & CSS3

Client testimonials carousel with jQuery & CSS3

A responsive carousel showcasing selected client testimonials, powered by CSS and jQuery.

Today we share a responsive and minimal client testimonials box, that can be easily integrated into your design.  Besides we considered the scenario where the user wants to see more feedbacks, so we added a button that links to a modal page with more testimonials, with a nice CSS3 transition.



Best jQuery websites design awards