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="proxy.php?url=https%3A%2F%2Fgithub.com%2Fpath%2Fto%2Fyour%2FlazyFade.js"></script>
$('.foo').lazyFade({
reverse: false,
duration: 250,
delay: 50,
opacity: {
start: 0.01,
end: 1
}
});