Ultimate Smart Slider – Responsive Download For Free

All > JavaScript > Ultimate Smart Slider – Responsive Download For Free

STOP CODING YOUR IMAGES! This is a plugin that automatically generates a slider from a folder of images, taking the name of the images as captions.
You can change the order of the images, and also select which ones will show the caption.

----> Update: March 17, 2021
Updated the components and fix compatibility issues with the latest version of jQuery

----> Update: May 2, 2013 
Added a option to disabled the right click on the images, you can pass it like this to the JS function:
{
    rightClickImages    : false
}

Features:

Stop coding your images
40 Transition Effects for the images
11 Transition Effects for the captions
CSS3 Transformations
Thumbnails
Tons of Options
Responsive
Swipe Support
Multipe Sliders Per Page
Compatible with Twitter Bootstrap
Keyboard navigation
Customizable through CSS
Support any HTML in the name of the images (for captions)

Default Javascript Options

{
    theme               : 'default', 
    width               : '100%', 
    autoPlay            : true, 
    rightClickImages    : false,
    showTimer           : true, 
    playInterval        : 4000, 
    playBtn             : true, 
    loop                : true, 
    navArrows           : true, 
    navBar              : true, 
    navBarNumeric       : false, 
    autoHideNavArrows   : false, 
    autoHidePlayBtn     : true, 
    autoHideNavBar      : false, 
    keyboardNav         : true, 
    transitionSpeed     : 700, 
    boxSpeed            : 450, 
    captionSpeed        : 300, 
    captions            : true, 
    autoHideCaptions    : false, 
    thumbnails          : true, 
    thumbnailSize       : 20, 
    x                   : 8, 
    y                   : 4, 
    hideIconsInWidth    : 500, 
    hideTimerInWidth    : 500, 
    shadow              : true, 
    beforeTransition    : function(){}, 
    afterTransition     : function(){}, 
    onSlideshowEnd      : function() {}, 
    onPlay              : function() {}, 
    onPause             : function() {} 
}

The Code You Need

You need to create the function “make_slider” with a unique id (the first parameter) and specify the folder where the plugin will read the images automatically (the second parameter)

Documentation

You can read the documentation of the plugin here

Note:
Old browsers like IE7 that doesn’t support the CSS property “transform” are not supporting the zoom and openBook effect so they fallback into a fade effect.