Best jQuery Slider Plugins & Tutorials with Demo

    VenoBox : Responsive jQuery lightbox plugin

    VenoBox : Responsive jQuery lightbox plugin

    Just another responsive jQuery lightbox plugin, suitable for images, inline contents, iFrames, Google Maps, Vimeo and YouTube videos.

    The big difference compared to many others plugins like this is that VenoBox calculates the max width of the image displayed and preserves its height if is taller than the window (so in small devices you can scroll down the content, avoiding vertical microscopic resized images).

    Swipejs : Most accurate touch slider

    Swipejs : Most accurate touch slider

    Swipe is the most accurate touch slider.Swipe is compatible with all browsers, including IE7+. Swipe works best on devices that support CSS transforms and touch, but can be used without these as well. A few helper methods determine touch and CSS transition support and choose the proper animation methods accordingly.

    lattice : jQuery 2-dimensional HTML grid slider plugin

    lattice : jQuery 2-dimensional HTML grid slider plugin

    A jQuery plugin that creates a 2-dimensional HTML grid slider from cell elements in a container.

    Features:

    • Navigate slides in two dimensions.
    • Generates a map of thumbnails representing each slide to navigate.
    • Specify thumbnail images for each slide. Thumbnails can be resized.
    • Restrict paths that can be followed.
    • The slider and the slides themselves are responsive
    • Use crop settings to crop to one of 9 areas of a slide as the slider decreases in width/height
    • Can dynamically generate thumbnails via a canvas screenshot of a slide. Thanks @niklasvh for the html2canvas project!

    sGlide : jQuery plugin for feature-rich & mobile ready Slider

    sGlide : jQuery plugin for feature-rich & mobile ready Slider

    sGlide is a super flexible and light-weight jQuery plugin that generates a simple, feature-rich & mobile ready slider, which can be easily customized and styled using regular CSS.

    Master Slider : jQuery Responsive Touch Swipe Slider

    Master Slider : jQuery Responsive Touch Swipe Slider

    Master Slider is a premium image and content slider with super smooth hardware accelerated transitions. It supports touch navigation with pure swipe gesture that you have never experienced before. It’s a truly responsive and device friendly slider which works perfect in all major devices. Master Slider is an awesome layer slider as well, with the ability of adding any html contents (texts, images, …) in layers. It is easy to use, plus there are 25+ ready to use templates available for you. You almost have everything in Master slider which is the most complete among the best, hotspots, thumbnails, variety of effects, Video support and much more.

    jQuery.TosRUs : jQuery plugin for scrolling/swiping

    jQuery.TosRUs : jQuery plugin for scrolling/swiping

    A one-stop-shop jQuery plugin for scrolling/swiping through all different kinds of content. On a desktop, tablet or smartphone, inside a HTML element or as a lightbox popup.

    Features:

    • Responsive CSS interface for sizing and positioning.
    • Creates lightbox galleries just as easy as “inline” sliders.
    • Drag or swipe to slide to the next/previous slide(s).
    • Doubletab or pinch to zoom on images.
    • Slides are automatically grouped into a gallery.
    • Works just as well on a desktop as it does on a tablet or smartphone.
    • Very customizable through a series of options with device dependent defaults.
    • Viewport-scale dependent buttons and caption sizes.
    • Currently supports showing images, video’s and HTML content.
    • Optimized preloading content; not too soon, not too late.
    • Retina ready.

    Slippry : jQuery Responsive Slider

    Slippry : jQuery Responsive Slider

    Slippry is a responsive jQuery slider. It uses latest technology with smooth degrade. The sliders can be made simple or really complex by tuning the settings.

    Slideme! : A powerful jQuery slideshow

    Slideme! : A powerful jQuery slideshow

    A responsive, css3, compatible (works fine even with IE7), customizable, easy to install (and use), multi-instance, fullscreen, cool, powerful slideshow plug-in for jQuery.Slideme is a fully customisable slideshow, with many different kinds of transition effects, paginations and callbacks.

    Smoothslides : Lightweight and Responsive jQuery slideshow

    Smoothslides : Lightweight and Responsive jQuery slideshow

    A simple, lightweight, and responsive jQuery slideshow by Kevin Thornbloom that features Ken Burns type animations.

    Features:

    • Lightweight [3.5Kb]
    • Four Animation Types: Zoom In, Zoom Out, Pan Left, Pan Right
    • Easily add captions
    • CSS3 transitions for smoother effects
    • Responsive image sizes

    Panelize : A jquery plugin that Navigates an Image

    Panelize : A jquery plugin that Navigates an Image

    A jquery plugin that navigates an image by using an HTML image map.jQuery Panelize is a plugin built largely to assist in navigating web comics, although it can additionally be used for presentations, interactive maps, and SVG.