Best jQuery Slider Plugins & Tutorials with Demo

    Bugibba : jQuery 3D transition effects SlideShow

    Bugibba : jQuery 3D transition effects SlideShow

    Bugibba SlideShow easy to use slider with awesome 3D transition effects.

    Features:

    • 2 type menu slideshow responsive.
    • 1 type slideshow full screen
    • Adjustable transition speed.
    • Compatible with all major browsers (IE7-IE8 and above , Chrome, Firefox, Safari and Opera)

    jQuery Aperture : Rotate all kinds of elements clockWise

    jQuery Aperture : Rotate all kinds of elements clockWise

    Rotate all kinds of elements clock- or counterclockwise with jQuery Aperture.

    jQuery vortex : Displays HTML elements elliptically

    jQuery vortex : Displays HTML elements elliptically

    A jQuery plugin which displays HTML elements elliptically, optionally rotating them.Simply create a referrable HTML block element – for instance div#vortex – and fill it with other HTML elements. No special requirements for the Vortex children: any class can be applied to them.

    Rondell : jQuery plugin for Displaying Images in a nice way

    Rondell : jQuery plugin for Displaying Images in a nice way

    This is a jQuery plugin for displaying galeries and other content the way you want.Checkout the different presets in the upper menu! Especially the Gallery and Thumbnails preset.

    The rondell demos can be controlled with your keyboard, by clicking the controls or by clicking the rondell items.Touching items and swiping on a phone or tablet computer will work too!

    The plugin has been tested with and should work fine with: IE 7-9, Firefox 3.6+, Chrome, Safari 4+, Opera 11+

    kGallery : jQuery thumbnail slideshow Gallery Plugin

    kGallery : jQuery thumbnail slideshow Gallery Plugin

    kGallery is a gallery written on JavaScript using jQuery library.Advantage of this gallery is ability to work stable with hundreds of pictures or with big pictures, without freezing brouser. This effect is achieved by retrieving the list of images from external source (JSON or XML) and downloading pictures gradually until slideshow is playing, not all in ones.

    Nearest analog is dojox.image.Gallery (dojox.image.ThumbnailPicker+dojox.image.SlideShow), however kGallery do not need to download dozens of JavaScript files with megabytes of code of dojo library.

    Unslider : The super-tiny jQuery slider

    Unslider : The super-tiny jQuery slider

    jQuery slider that just slides.No fancy effects or unnecessary markup, and it’s less than 3kb.Fluid, flexible, fantastically minimal.You’ll be hard pressed to find a site that’s not responsive these days. Unslider’s got your back.Use any HTML in your slides, extend with CSS. You have full control.If you want to, you can add keyboard arrow support.

    lthough it’s lightweight, Unslider comes with a range of options to customise your slider.If you want to add mobile/touch/swipe/whatever support to Unslider, you’ll need to include the jQuery.event.swipe plugin, then it’ll work out the box. Easy!

    SliderJS : A simple jQuery full-screen Slider

    SliderJS : A simple jQuery full-screen Slider

    A simple jQuery plugin for full screen image slideshows.Options you can pass into the config JSON that the slider consumes.

    Features Options:

    • Integer : The index of the first element to start with.
    • draggable : Will allow images to be dragged via touch events if supported, otherwise mouse events.
    • sizeConstraint : which fills the image to the browser, cropping what exceeds.
    • manualShift :  if you want to shiftLeft and shiftRight manually, rather than on click.
    • enableKeys :  if you want to disable keyboard navigation

    FractionSlider : jQuery parallax slider plugin

    FractionSlider : jQuery parallax slider plugin

    FractionSlider is a jQuery plugin for image/text-sliders.It allows you to animate multiple elements per slide. You can set different animation methods like fade or transitions from a certain direction. Also there are options to specify delays and easing for each element. You have full layout and design control through html and css (every html-element can be animated).

    jQuery Maskify Slider

    jQuery Maskify Slider

    MaskifySlider is an extremely simple plugin which enables you to create an image slider with the effect of an image mask. The plugin will automically offset the images position according to the spacing between their placeholders, giving the impression that it’s only one masked image.

    jQuery Quotes Rotator

    jQuery Quotes Rotator

    A simple automatic quotes rotator with progress bar and example media query.An autoplay rotator for quotes (or any kind of content). An indicator above the content shows the progress. A blockquote with an image is used as an example. Also, an example media query shows how to resize the content for smaller screens.