jQuery Slider Plugin & Tutorials with Example

Chocolat : Responsive jQuery Lightbox Plugin

Chocolat : Responsive jQuery Lightbox Plugin

Chocolat helps you to easily create responsive slideshows.Chocolat is a jQuery plugin that enable you to display one or several images staying on the same page. The choice is left to the user to group together a series of pictures as a link, or let them appear as thumbnails.

Jqx : jQuery Media Slider Plugin

Jqx : jQuery Media Slider Plugin

Simple and Customizable jQuery media slider Plugin.

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

Wobbly Slideshow Effect with SVG & JavaScript

Wobbly Slideshow Effect with SVG & JavaScript

The slides in this slideshow wobble as they move. The effect is based on Sergey Valiukh’s Dribbble shot and was made using Snap.svg and morphing SVG paths to animated the slide background SVGs in order to simulate the elastic effect. What happens is that we basically morph an SVG path from a rectangle to a curved shaped; either a right curve or a left curve, depending on where we are navigating to.

Printer : AJAX style page loading jQuery plugin

Printer : AJAX style page loading jQuery plugin

Printer is an AJAX style page loading jQuery plugin that retrieves the URL from each hyperlink in the sidebar on the fly upon being clicked. It can also function as a rudimentry slideshow (but keep in mind this plugin does not cache any resources, i.e. Printer will make a new AJAX request on each new slide).

Features:

  • A robust API (almost)
  • Super simple setup
  • Super smooth CSS animations
  • Slideshow mode
  • Random page printing direction mode
  • Low overhead (getting there..)
  • Highly customizable behavior and appearance

Ultimate jQuery Sliders Bundle – Layers, Parallax, Zoom

Ultimate jQuery Sliders Bundle - Layers, Parallax, Zoom

It contains all types of sliders/banners, from banner rotator, zoom in/out effect slider, parallax slider, carousel, sidebar banners and full screen background.

Bundle Includes:

  • jQuery Banner Rotator / Content Slider / Carousel
  • jQuery Slider Zoom In/Out Effect Fully Responsive
  • Parallax Slider – Responsive jQuery Plugin

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

Divas Slider : jQuery Responsive & Touch enabled Slider

Divas Slider : jQuery Responsive & Touch enabled Slider

Versatile slider solution, easily and fully customizable. Uses CSS3 transitions with jQuery fallback for old browsers. Fully responsive and touch enabled.

Image Comparison Slider with jQuery & CSS3

Image Comparison Slider with jQuery & CSS3

A handy draggable slider to quickly compare 2 images, powered by CSS3 and jQuery.

desoSlide : jQuery powerful Slideshow Plugin

desoSlide : jQuery powerful Slideshow Plugin

Take control of your slideshow with this powerful jQuery plugin.

Features:

  • Place yours thumbnails anywhere in your page. Many options available to fit your needs.
  • Controls the slideshow with your keyboard keys or through the player.
  • Shows more information to your users with caption and link for each image.
  • Creates as many slideshows as you want on a single page.


Best jQuery websites design awards