jQuery.backgroundParallax.js
A small jQuery plugin to make parallax background image animation.
Usage:
Markup
<div class="parallax-panel" data-src="images/01.png"></div>
Please note: data-src
is optional if you added background image via CSS.
Styles - optional
.parallax-panel { min-height: 400px; }
Initialization:
$('.parallax-panel').backgroundParallax();
Options:
You need to pass a object for options.
css
To add custom style.
Defaults:
{ backgroundSize: 'cover', backgroundPosition: '50% 0', backgroundRepeat: 'no-repeat', overflow: 'hidden' }
isMobile
Enable disable in mobile device.
Default: true
if mobile device found.
Options example:
$('.parallax-panel').backgroundParallax({ css: { backgroundSize: 'cover', backgroundPosition: '50% 0', backgroundRepeat: 'no-repeat', overflow: 'hidden' }, isMobile: false });