Easy Parallax Effect For Images On Scroll - jQueryParallaxer

Parallaxer is a lightweight jQuery plugin which utilizes CSS3 3D transforms to create a smooth parallax effect on your images when scrolling down or up.

How to use it:

1. Place the jQuery Parallaxer plugin's CSS file jquery.parallaxer.css in the header.

<link rel="stylesheet" href="jquery.parallaxer.css">

2. Insert the parallax images to the DIV elements with CSS class of 'parallaxer'.

<div class="content"></div>
<div class="parallaxer">
  <img src="1.jpg">
</div>
<div class="content"></div>
<div class="parallaxer">
  <img src="2.jpg">
</div>

3. Place the latest version of jQuery library and jQuery Parallaxer's script at the bottom of the webpage.

<script src="jquery.min.js"></script>
<script src="jquery.parallaxer.js"></script>

4. Initialize the plugin and we're done.

$(".parallaxer").parallaxer();

Change log:

2016-04-26

• Some fixes

2016-04-17

• Add translate to transform3d to fix image jumping in Chrome

---

This awesome jQuery plugin is developed by BOOMER74. For more Advanced Usages, please check the demo page or visit the official website.