Best jQuery Slider Plugins & Tutorials with Demo

    Presentation Slideshow with CSS & jQuery

    Presentation Slideshow with CSS & jQuery

    A simple presentation template in CSS and jQuery.The easiest way is to use keyboard arrow keys (for devices that have them). However we had to take into account that all other interactions (click, scroll…) had to work as well when building something for the web.

    Slider Revolution jQuery Visual Editor Addon

    Slider Revolution jQuery Visual Editor Addon

    If you don’t have the option to use WordPress on your server or just don’t want to, the Slider Revolution jQuery Visual Editor Addon which (only) works in conjunction with our Slider Revolution Responsive jQuery Plugin is the best choice.

    • Complete Graphical User Interface
    • Full Control over Styles, Animations, Transitions
    • Works on Desktops, Notebooks, Tablets & Smartphones
    • HTML5, YouTube & Vimeo Video Support
    • Fallback Options for Mobile Devices

    Eagle Gallery – jQuery responsive, Touch, Zoom, Gallery

    Eagle Gallery - jQuery responsive, Touch, Zoom, Gallery

    Eagle Gallery this is modern gallery with image zoom functionality. To manage the gallery you can use gestures or control buttons. This is a fully responsive gallery which has support touch screen and was created for mobile devices, laptops and desktops. With this gallery you can easily create a product gallery on your internet shop for detailed view and customize it with help of options

    Animated Arrow Navigations With FlexSlider And CSS3

    Animated Arrow Navigations With FlexSlider And CSS3

    All of you should be quite familiar with Codrop’s  “Arrow Navigation Styles” tutorials. They are really inspiring and creative. I played with the Arrow Navigation styles demo, I’m impressed. And I wondered how hard would it be to really implement it on Slider without actually create a slider that does that. First slider that immediately came into my mind is FlexSlider.

    Ideal Image Slider

    Ideal Image Slider

    The aim behind the Ideal Image Slider is to create a slider which has just the right amount of features, with no bloat and be easy to extend so that more features can be added as “extensions”. Here are the ideals and core features I wanted to include:

    • HTML5 (SEO optimised)
    • CSS3 transitions (a few simple transitions like slide/fade)
    • Left/Right navigation (including touch/swipe support)
    • Responsive
    • HiDPI (retina) support
    • ARIA support
    • Extremely simple to setup (no dependencies)
    • Very extensible
    • Uses progressive enhancement

    Screen-roller : jQuery Full Screen SlideShow Plugin

    Screen-roller : jQuery Full Screen SlideShow Plugin

    jQuery-plugin for full-screen slide show that can be switched in the standard display mode site (for small screens).

    lory : jQuery Touch Enabled Minimalistic Slider

    lory : jQuery Touch Enabled Minimalistic Slider

    Touch enabled minimalistic slider written in vanilla JavaScript.

    Features:

    • Hardware accelerated transitions
    • Usable as a jQuery plugin
    • Options for custom easing effects
    • infinite looping ~ carousel
    • No compromises for fallbacks

    Animated SVG Image Slider

    Animated SVG Image Slider

    A simple, responsive carousel with animated SVG paths used as transition effects.

    Animated SVG Hero Slider

    Animated SVG Hero Slider

    A full page slider, with animated SVG elements used as transition effects.

    smSlider : jQuery Slideshow Plugin

    smSlider : jQuery Slideshow Plugin

    smSlider is a simple slideshow plug-in for jQuery.