Parallaxie is library to build simple parallax background with multi-depth layer while scrolling.
Freaking easy !!! just 3 steps.
- Include library.
...
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script type="text/javascript" src="js/parallaxie.js"></script>
...
- Create container DOM, preparing for append parallax background.
...
<div id="prx-container"></div>
...
- Call library with options like this.
...
$("#prx-container").parallaxie({
backgrounds: [
{
path: "./images/prx-bg.png"
},
{
path: "./images/prx-bg-2.png"
},
{
path: "./images/prx-bg-3.png"
}
]
});
...
Hope You Enjoy :) !!!
Licensed under MIT.