Best jQuery Slider Plugins & Tutorials with Demo

Coin Slider jQuery Image Slider with Unique Effects

COIN SLIDER jQuery Image Slider with Unique Effects

COIN SLIDER jQuery Image Slider with Unique Effects

  • Unique transition effects
  • Compatible with Internet Explorer 6+, Firefox 2+, Safari 2+, Google Chrome 3+, Opera 9+
  • Valid markup
  • Flexible configuration
  • Auto slide
  • Navigation box
  • Linking images…

Nivo slider : jQuery Image Slider Plugin

Nivo Slider in jQuery

Nivo slider is a image slider with

  • 11 unique transition effects
  • Simple clean & valid markup
  • Loads of settings to tweak
  • Built in directional and control navigation….

Making a Flickr-powered Slideshow in jQuery

Making a Flickr-powered Slideshow in jQuery

Today we will be developing a jQuery plugin that will make it easy to create slideshows, product guides or presentations from your Flickr photo sets. The plugin will be using Flickr’s APIs and YQL to fetch the photos in the sets, after which it will create the markup of the slideshow and listen for events.

Build a jQuery content feature like MailChimp

Build a jQuery content feature like MailChimp

In this tutorial Ashley Ford on Papermashup will teach how to build an attractive full page content feature slider plugin (similar to the MailChimp slider) – by using the jQuery Cycle plugin which allows you to rotate, paginate or cycle a set of images.

Barack Slideshow in jQuery

Barack Slideshow in Jquery

BarackSlideshow is a very tiny and lightweight slideshow script, that takes the power of MorphList to enhance visualization and navigation of the images

Create an Image Rotator with Description in CSS & jQuery

Create an Image Rotator with Description in CSS/jQuery

An image rotator is one great way to display portfolio pieces, eCommerce product images, or even as an image gallery. Although there are many great plugins already, this tutorial will help you understand how the image rotator works and helps you create your own from scratch.

jQuery Roundrr – How To Create Circular Image Galleries With jQuery

How To Create Circular Image Galleries With jQuery

I’m going to introduce you to some of the concepts involved in getting the coordinates we need to plot our image galleries around a shape and in part 2 I’ll introduce you to jQuery Roundrr plugin I wrote that will allow you to easily create interactive event-based galleries using jQuery and a little CSS.

jQuery UI CoverFlow 2.0

jQuery UI CoverFlow 2.0

I would like to show you how to create and use a jQuery UI CoverFlow component powered by $.widget and CSS3 transforms. It’s highly extensible, supports click, keyboard and mousewheel interaction.The iTunes CoverFlow effect is one of my favorite user-interface patterns – it’s excellent for navigating around large collections of images (or data represented by images) and I thought it would be of great benefit to put out an updated version of this component out there.

Pull Out Content Panel with jQuery

Pull Out Content Panel with jQuery

We will create a content panel that slides out at a predefined scroll position. It will reveal a teaser with related content and it can be expanded to full page size to show more. A custom slider allows to scroll through many items in the panel.Depending on how many items can fit to the user’s screen, we will adapt the item container in order make the maximum number of items fit, centering it horizontally.

jQuery iTunes Like Slide Show Gallery

JQuery iTunes Like Slide Show Gallery

This example is not really the same like iTunes gallery like in the image left, but at least the basic behavior almost the same, I have played with JQuery UI Slider and Rotate3Di plugin.Actually I modified thejQuery UI slider scroll pane example.