arturjo / lazyfade

Fades a row of elements with a lazy effect.

lazyFade.js

This jQuery simply fades a row of elements with a lazy effect. The fade of each next element gets delayed slightly what gives a precious touch to the whole transition.

###Demo Check out a short example of the lazyFade.js:
http://jsfiddle.net/cboppart/ydbxjssk/5/

###Installation Just include the lazyFade.js and call it for your row of elements. Note: Also make sure that jQuery is defined.

<script type="text/javascript" src="path/to/your/lazyFade.js"></script>

$('.foo').lazyFade({
	reverse: false,
	duration: 250,
	delay: 50,
	opacity: {
		start: 0.01,
		end: 1
	}
});