Best jQuery Slider Plugins & Tutorials with Demo

    FullScreen Background Slider – jQuery SlideShow

    FullScreen Background Slider - jQuery SlideShow

    The plugin using the latest CSS3 transitions with some jQuery to display a really unique Gallery Slideshow on your website’s background. With 20 animation types, 20+ patterns and customizable timing it can be a exciting tool to create great websites, landing pages and coming soon sites.

    Features:

    • Responsive, Mobile-Friendly
    • 20 Animation Effects
    • Lightweight javascript (~14Kb), using CSS3 Transitions
    • Compatible with all major browers
    • 20 built-in patterns
    • Customizable Animation Time
    • init(), destroy(), updatepattern() methods
    • jQuery Animations on Old Browsers

    Scattered Polaroids Gallery with JavaScript & CSS3

    Scattered Polaroids Gallery with JavaScript & CSS3

    A flat-style Polaroid gallery where the items are scattered randomly in a container. When a specific item is selected, it will move to the middle while the other Polaroids will make space for it by moving to the sides. Optionally, an item can have a backface which will be shown by flipping the Polaroid when clicking on the current navigation dot again.

    ZoomScript – Touch-Enabled jQuery Image Gallery

    ZoomScript - Touch-Enabled jQuery Image Gallery

    ZoomScript allows you to view your web gallery on any mobile device as in native photo app. You can browse photos by swiping your finger on the touchscreen. It works in both modes portrait and landscape. We have also added an extra thumbnail bar which will show after tap on the screen.

    Features:

    • Touch control
    • Responsive
    • Gestures, mousewheel, arrow keys
    • Cross browser compatibility
    • Direct image linking
    • Smart image preloading
    • I18N support

    A-Slider : jQuery CSS3 Responsive slider with Audio support

    A-Slider : jQuery CSS3 Responsive slider with Audio support

    A simple, CSS3 responsive slider with no external dependencies except jQuery.

    Features:

    • No dependencies except jQuery; works well with Twitter Bootstrap if required
    • Specify optional audio for each slide
    • Specify slide duration individually for each slide
    • Supports multiple sliders on the same page
    • Uses CSS 3 transitions for better performance
    • Slide any content, not just images
    • Configuration done using HTML attributes – no javascript configuration needed

    Magic Slider with layers & Carousel with LightBox

    Magic Slider with layers & Carousel with LightBox

    Magic Slider and Carousel will help you to create the next generation of sliders, using the CSS3 transitions for layers and an ultra-smooth KenBurns effect. You’ll also be able to create interactive ‘magic’ carousels with YouTube, Vimeo and HTML5 video support; HTML5 audio support; Image support; Links support.

    Features:

    • touch screen navigation support for mobile
    • responsive design. Available parameter to disable responsive behaviour
    • 2 predefined skins: bullets & thumbs
    • layered elements: permits almost unlimited number of layers, images or texts.
    • animated layers from any direction: top, bottom, left and right using smoooth CSS3 transitions.CSS and HTML formated
    • each layer has parameters for intial move animation, intermediate move animation and exit move animation
    • Ultra-smooth Ken Burns Effect for background image, on all major browsers
    • ‘Fade’ and ‘Slide’ transitions to navigate between the slides. Parameters to set the speed and easing.
    • Fixed Dimensions Version, Full Width Version and Responsive Version
    • external url link parameter for each slide
    • target parameter: _blank or _self
    • width & height parameters
    • autoplay parameter
    • loop parameter
    • show/hide controllers parameter
    • show/hide bottom thumbs parameter
    • circle timer parameters for color, dimensions, transparency
    • you can include YouTube and Vimeo

    Simple 3D Coverflow

    Simple 3D Coverflow

    Simple 3D Coverflow is a fully responsive media 3D coverflow plugin that allows you to display media content with an unique original layout from a 3D perspective. It’s perfect for any kind of presentation, for anyone that wants to deliver a great impact on their visitors. It runs on all major browsers and mobile devices like iPhone, iPad, IOS, Android and Windows 8. Also supports unlimited categories and each category can have any number of thumbnails. The datalists are loaded from a simple HTML markup.

    Jumbo 7 : jQuery Image Fullscreen Gallery

    Jumbo 7 : jQuery Image Fullscreen Gallery

    Jumbo 7 is easy to use Fullscreen gallery including Kenburn. As navigation, you can use bullets/thumbnails and tabs in your choices. And it is fully responsive and modern features like Video embed,Smart Lightbox are supported which make it more stunning.

    Features:

    • Kenburn
    • Hardware accerlated slide animation
    • Easy to implement and customize
    • Unlimited slides – Users can insert as many slides as he wants.
    • Unlimited Title Caption
    • Native browser support
    • Html5/Css3 transitions support – It uses html5/css3 transition for modern browsers.
    • Image Lazy Loading – Jumbo 7 loads all images at once so that he/she doesn’t wait again while slides.
    • Image Preview support – Jumbo 7 provides image preview option on hover.
    • Customizable width and height – Width and height can be set.
    • Fully responsive – It’s fully responsive so it can be attached in touch device.
    • Full width functionality involved – Full width slider is available
    • Lightbox support – It supports lightbox based on users’ demand.
    • Touch device support – Touch events are supported.
    • Mouse swipe navigation support – Swipe functionality is available so users feel comfortable to navigate.
    • Video content support(Youtube,Vimeo) – Embeded videos are supported.
    • Carousel support – Carousel viewmode is supported.
    • Keyboard navigation available

    jQuery MySlider Constructor

    jQuery MySlider Constructor

    Visual designer of sliders for your website. In the visual mode, you can create advertising sliders with animation effects and photo albums. Can be easily integrated with any CMS (not used database).

    Features:

    • Select the font, size and color of the text.
    • Convenient resizing, color and transparency of blocks.
    • Fast uploading images with the ability to resize the image without changing the aspect ratio.
    • Selection and speed of animation effect.
    • Unlimited number of slides and layers.
    • Possibility of localization.
    • Easy integration with any CMS (do not use a database).
    • Correct works in all modern browsers (IE8 +).

    Bootslider : jQuery Responsive Bootstrap CSS3 Slider

    Bootslider : jQuery Responsive Bootstrap CSS3 Slider

    Bootslider is the ultimate premium Bootstrap Slider Plugin offering the capability to show images, videos, html markup and captions paired with modern and fancy 3D transitions. Even more important, it is fully responsive and mobile optimized and can take on any dimensions.

    Features:

    • Responsive
    • Touch Enabled
    • High Performance
    • CSS3 Transitions
    • SEO Friendly
    • Full Width and Boxed

    Fancy 7 – jQuery Touch Image Slider / LightBox

    Fancy 7 - jQuery Touch Image Slider / LightBox

    Fancy 7 is one of the most complete image slider ever. It is built in latest jQuery and mobile compatible so anyone can easily use it without any restriction. And it is fully responsive and modern features like Video embed,Smart Lightbox are supported which make it more stunning.

    Features:

    • Premium 10+ fancy skins
    • 380+ wonderful animations(2d,3d) – Animations will come more as new version released.
    • Easy to implement and customize
    • Unlimited slides – Users can insert as many slides as he wants.
    • Native browser support
    • Html5/Css3 transitions support – It uses html5/css3 transition for modern browsers.
    • Image Lazy Loading – Fancy 7 loads all images at once so that he/she doesn’t wait again while slides.
    • Image Preview support – Fancy 7 provides image preview option on hover.
    • Customizable width and height – Width and height can be set.
    • Fully responsive – It’s fully responsive so it can be attached in touch device.
    • Full width functionality involved – Full width slider is available
    • Lightbox support – It supports lightbox based on users’ demand.
    • Touch device support – Touch events are supported.