Submit your widget

Images parallax effect with jQuery

Created 5 years ago   Views 15690   downloads 3753    Author pederan
Images parallax effect  with jQuery
View DemoDownload
71
Share |

JQuery and amd compatible plugin to create a parallax effect with images. 

The plugin is really simple to use with some options to tweek. It makes use of css3 transform for animation where supported and falls back to top and left positioning for ancient browsers.

 

Markup

Markup can consist of as many image elements as you want, but you should separate them with a content block, e.g. a section

<div class="img-holder" data-image="anImage.jpg" data-width="1600" data-height="900"></div>
<section><p>Content that "slides" on top of the images</p></section>
<div class="img-holder" data-image="anotherImage.jpg" data-width="1600" data-height="900">[optional content to be displayed on top of the images]</div>

Read more:https://github.com/pederan/Parallax-ImageScroll.