background preloader

Jquery

Facebook Twitter

Parallax Slider with jQuery. Webdev.stephband.info. Download git clone github.com/stephband/jparallax Instantiation jQuery( '.parallax-layer' ).parallax( options ); What does jquery.parallax do? jParallax turns nodes into absolutely positioned layers that move in response to the mouse.

Depending on their dimensions these layers move at different rates, in a parallaxy kind of way. With a bit of CSS you can either set up windows to see these layers through, or leave them free to roam about. The diagram on the right illustrates what jParallax does to the html: and here's a demonstration with some images: More demos demos/index.html demos/stalkbuttons.html - multiple parallax. demos/remotecontrol.html - parallax by remote control. demos/thumbnails.html - beautiful interactive thumbnails. demos/target.html - demonstrates how smoothly jParallax handles window resizing. Using jParallax Therefore, the simplest way to use jParallax is to make the layers different sizes using CSS.

Options Layer Options Events Tips. Light shift opticals. NodeCloud - Node.js resources. jQuery Plugins - Plugins, Extensions & Tutorials for jQuery JavaScript Library. jQuery plugins, 240 tutoriels à découvrir. Main Page. jQuery Masonry · David DeSandro.