Best jQuery Slider Plugins & Tutorials with Demo

    Camera : A free jQuery slideshow With Touch Support

    March 11, 2012 | Plugins, Responsive, Slider
    Camera : A free jQuery slideshow With Touch Support

    The developer of Diapo has created a fresh plugin named Camera which has more features and works very well with responsive layouts.

    Slides can be created with any HTML elements (images, text, videos, etc.) and Camera displays them with a good looking interface+ a set of transitions.Items can be browsed with prev-next buttons or bullet navigation, a play/pause option exists and a loader informs the user about the timing of the next slide.

    The plugin can be skinned via CSS and there are already multiple skins provided.It has options for almost everything, all aspects of the interface + functionality can be customized and callbacks exist on every level.

    Read More Demo

    jQuery.listScroller : A jQuery image slider

    March 10, 2012 | Gallery, Plugins, Slider
    jQuery.listScroller : A jQuery image slider

    Make a list of items scrolls in a circle is a simple task. A bit of CSS, a few dozen lines of code. But as a web developer, I have to keep writing this over and over again and I couldn’t find a flexible enough plugin for me. So I wrote up this plugin so web developers/designers can quickly create an list of item with previous and next button to scroll through the list in circle. You can also set an interval so the list will scroll automatically.

    Read More Demo

    zSlider: A beautiful jQuery Image Slider

    February 29, 2012 | Gallery, Slider
    zSlider: A beautiful jQuery Image Slider

    zSlider is a beautiful image slider for your web applications. I created this for those people who needs a fancy jquery image slider with a simple to use but for limited number of images. This slider accepts two lists of images, each list will have 12 thumbs limit which means you can add 24 images in this gallery.

    Read More Demo

    jQuery Google Image Slides

    February 29, 2012 | Plugins, Slider
    jQuery Google Image Slides

    A jQuery plugin to display your Google Photos, including Picasa and Google+ albums.

    Read More Demo

    jQuery Slider Plugin with infinite style : Sequence .js

    February 16, 2012 | Gallery, Slider
    jQuery Slider Plugin with infinite style : Sequence .js

    Sequence is the jQuery slider plugin with infinite style. It provides the complete functionality for a website slider without forcing you to use a set theme. In fact, Sequence has no in-built theme, leaving you complete creative control to build a unique slider using only CSS3 — no jQuery knowledge required!

    Features

    • Unique transition styles created using CSS3
    • Supports all modern browsers
    • Gracefully degrades in older browsers
    • Supports responsive layouts
    • Supports touch devices and swiping
    • Many developer features with even more to come
    • Semantic and easy to use markup
    • Open source
    Read More Demo

    YMslider Content Slider jQuery Plugin

    February 8, 2012 | Animation, Plugins, Slider, Text Effect
    YMslider Content Slider jQuery Plugin

    It is a simple dynamic, light-weight (2,2K minified, lighter GZipped) and non-intrusive content slider jQuery plugin, fully CSS customizable (theme support) with respect of accessibility and W3C standard rules (strict xHTML valid) …

    Read More Demo

    Scrolldeck : jQuery scrolling presentation decks plugin

    February 7, 2012 | Animation, Plugins, Slider, Web
    Scrolldeck : jQuery scrolling presentation decks plugin

    Scrolldeck a jQuery plugin for making scrolling presentation deck.After linking all the required scripts (jQuery, Scrollorama, scrollTo, easing & scrolldeck), create the slide deck on document ready event.Add animations to slides by adding the “animate-in” or “animate-build” classes to elements in your slides.

    Read More Demo

    jQuery Slideshow plugin : ResponsiveSlides.js

    January 28, 2012 | Gallery, Plugins, Responsive, Slider
    jQuery Slideshow plugin : ResponsiveSlides.js

    ResponsiveSlides.js is a tiny jQuery plugin that creates a responsive slideshow using images inside a single container. It work with wide range of browsers including all IE versions from IE6 and up. It also adds css max-width support for IE6 and other browsers that don’t natively support it. Only dependency is jQuery and that all the images are same size.

    Read More Demo

    Bootstrap jQuery Image Gallery

    January 26, 2012 | Bootstrap, Gallery, Popup Window, Slider
    Bootstrap jQuery Image Gallery

    Bootstrap Image Gallery is an extension to the Modal dialog of Twitter’s Bootstrap toolkit, to ease navigation between a set of gallery images. It features mouse and keyboard navigation, transition effects, fullscreen mode and slideshow functionality.

    Read More Demo

    Use Reveal.js to Create CSS 3D Slideshow

    January 16, 2012 | Core Java Script, CSS2 / CSS3.0, Gallery, Slider
    Use Reveal.js to Create CSS 3D Slideshow

    If you’re making an online presentation to impress your audience, you have to consider to use reveal.js. reveal.js is a CSS 3D Slideshow, it allows you to create a slick and good looking HTML presentation and in the same time utilise the latest web technologies for cool 3D slide transition. Reveal.js is a standalone javascript plugin and doesn’t rely on any external libraries.

    One thing though, this javascript requires CSS 3D transforms support. That’s mean, IE won’t able to see all these fancy animation. It works really well in Safari, Chrome and Firefox. Good news is, if CSS 3D support is not detected, it will degrade gracefully and back to the 2D transitions.

    Read More Demo