jQuery easyParallax Plugin Examples

First example

PHP / HTML

	<div class="container js-example1" data-bg="images/bg_1000.jpg">
		<div class="container__txt">...</div>
	</div>

	$('.js-example1').easyParallax();

Second example

An example including three backgrounds.
The parallax effect starting work from a width browser value of 500px.
Debug informations are available into browser console (F12)

PHP / HTML

	<div class="container js-example2" data-bg="images/bg.jpg" data-bg500="images/bg_500.jpg"  data-bg1000="images/bg_1000.jpg">
		<div class="container__txt">...</div>
	</div>

	$('.js-example2').easyParallax({
		debug: true,
		alignment : 'right',
		effectAmount : 100,
		effectThreshold : 500
	});

Third example

A simple example using the callback function

PHP / HTML

	<div class="container js-example3" data-bg="images/bg1000.jpg">
		<div class="container__txt">...</div>
	</div>

	$('.js-example3').easyParallax(
		isReady : function(){
			this.find('img').css('opacity', '0.3');
			this.css('background-color', '#556a7b');
		}
	);