Best jQuery Slider Plugins & Tutorials with Demo

    Featured Content Slider Using jQuery UI

    Featured Content Slider Using jQuery UI

    Showing off the best content of your website or blog in a nice intuitive way will surely catch more eyeballs. Using an auto-playing content slider is the one of techniques to show your featured content.

    Easy Slider 1.7 – Numeric Navigation jQuery Slider

    Easy Slider - Numeric Navigation jQuery Slider

    Easy Slider 1.7 – Numeric Navigation jQuery Slider with

    • Continuous Slide
    • Numeric Navigation
    • Multiple Slides….

    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.