A simple parallax content slider with different animations for each slider element and a background parallax effect.
http://tympanus.net/codrops/2012/03/15/parallax-content-slider-with-css3-and-jquery/
$('#da-slider').cslider({
current : 0, // index of current slide
bgincrement: 50, // background position (parallax effect) when sliding
autoplay: false, // slideshow on / off
interval: 4000 // time between transitions
});
This "delegator version" of jquery.cslider
is largely backwards-compatible with the original,
except for the following notable differences:
- Modernizr removed
- Vendor-prefixed and non-standard CSS rules removed
jquery.cslider
plugin is now CommonJS-compatible- package.json added for
npm
usability
For the full text of the Codrops license, please see LICENSE.
We have placed our modifications of this original resource on GitHub in good faith, with the intention of promoting code reusability and the use of the npm
package manager. 😄