Simple and powerful parallax for DOM elements. No scroll, only mouse movement.
This plugin uses the following dependences
Last jQuery Version
Add jquery.iparallax.js
, after jQuery to the head of your HTML document. Then call iParallax on document ready.
$(document).ready(function () {
$('body').iParallax({
parallax_binder : document,
parallax_element : ".element",
velocity_ratio_x : 150,
velocity_ratio_y : 150,
offset_x : 10,
offset_y : 0
});
});
This is the element where you are going to bind the mouse movemente. Default document
. You can use any element you want.
parallax_binder : "#myDiv"
This is the element affected by our parallax. There is no default
parallax_element : ".element"
This is the velocity ratio (multiplier) the lower number, more aggresive parallax effect. Defaults 100
(X and Y)
velocity_ratio_x : 150, velocity_ratio_y : 150
Do you want to adjust your container perfectly? Use the offset. Defaults 0
(X and Y)
offset_x : 10, offset_y : 0
Copyright (c) 2014 Jose Luis Jimenez | @iJos.