jQuery Parallax Slider
An awesome, responsive jQuery parallax slider.
New in 1.3.0 History Support Ñ watch the slide you're currently on, and click here, and then go back to this page — voila! the same slide is shown!
Default options:
var options = {
autoPlay : 3000,//(mixed) (bool) false to disable, (int) duration to hold between slides in ms
speed : 1000,//(int) speed of each slide animation in ms
easingBg : 'easeInOutQuart',//(string) easing effect for the background animation
easing : 'easeInOutQuart',//(string) easing effect for the slide animation
circular : true,//(bool) true, will repeat, false, will stop at the end
thumbs : true,// (bool) true enables thumbnails, false disables
thumbRotation : 5,//(mixed): (int) degrees thumbs will be randomly rotated, bool false to disable rotation
thumbAnimate : -10, //(int) px to animate thumbnails
thumbAnimateTime: 100, //(int) ms animation for thumb animation
numBackgrounds: 3, //(int) Number of parallax backgrounds
customBackground: false, //(string) Custom Background markup
debug: false, //(bool) true: enable console statements for debugging
hash : true //(bool) use hashes to track the current slide in history
};
Changelog
- 1.4.0 - Fixed multiple sliders in the DOM bugs
- 1.3.0 - Added history hash support to enable dynamically loading the last seen slide for a more consistent UX
- 1.2.0 - refactored image loading using jquery.imagesloaded plugin for cross browser compat, and percentage of load indicators
- 1.1.7 - requires jQuery 1.7 for event delegation.