Beautiful jQuery Parallax effect

the parallax script . It’s called in a more jQuery like manner now and has a couple of useful options for inverting the movement and changing the unit of measurement to any jQuery/CSS supported unit.

 

Example code:

$('div.parallax').parallax({
'elements': [
{
'selector': 'body',
'properties': {
'x': {
'background-position-x': {
'initial': 0,
'multiplier': 0.1,
'invert': true
}
}
}
},
{
'selector': 'div.outer',
'properties': {
'x': {
'background-position-x': {
'initial': 50,
'multiplier': 0.02,
'unit': '%'
}
}
}
},
{
'selector': 'div.inner',
'properties': {
'x': {
'background-position-x': {
'initial': 0,
'multiplier': 0.3
}
}
}
}
]
});

Download: http://www.htmldrive.net/items/download/1071

Leave a comment