STOP CODING YOUR IMAGES! It is a plugin that robotically generates a slider from a folder of pictures, taking the identify of the pictures as captions.
You possibly can change the order of the pictures, and in addition choose which of them will present the caption.
----> Replace: March 17, 2021
Up to date the elements and repair compatibility points with the newest model of jQuery
----> Replace: Could 2, 2013
Added a choice to disabled the precise click on on the pictures, you'll be able to go it like this to the JS perform:
{
rightClickImages : false
}
Options:
- Cease coding your pictures
- 40 Transition Results for the pictures
- 11 Transition Results for the captions
- CSS3 Transformations
- Thumbnails
- Tons of Choices
- Responsive
- Swipe Assist
- Multipe Sliders Per Web page
- Appropriate with Twitter Bootstrap
- Keyboard navigation
- Customizable by CSS
- Assist any HTML within the identify of the pictures (for captions)
Default Javascript Choices
{
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 : perform(){},
afterTransition : perform(){},
onSlideshowEnd : perform() {},
onPlay : perform() {},
onPause : perform() {}
}
The Code You Want
It’s worthwhile to create the perform “make_slider” with a novel id (the primary parameter) and specify the folder the place the plugin will learn the pictures robotically (the second parameter)
Documentation
You possibly can learn the documentation of the plugin here
Be aware:
Outdated browsers like IE7 that doesn’t help the CSS property “rework” will not be supporting the zoom and openBook impact so that they fallback right into a fade impact.
