Eco-Scroll.js

Eco-Scroll.js - Eco-friendly jQuery scroll plugin with inifinite possibilities

What does it do?

Why?

I wanted to create a infinite scroll plugin for my own use.

Source: juntamng.com

1. INCLUDE JS FILES

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.1/jquery-ui.js"></script>
<script src="../js/jquery.eco-scroll.js"></script>  

2. HTML

<div id="divContainer">
	<div class="wrapper">                                
	</div>        
</div>   

3. JAVASCRIPT

$(function()
{               
	$("#divContainer").ecoScroll({
		itemWidth: 150,
		itemHeight: 150,
		onShow:function(oParam) 
		{
			if (oParam.bNew) 
			{
				oParam.$e.append("<img src='../img/img" + Math.abs( (oParam.x + oParam.y*10)%25 ) + ".jpg' />").css({opacity:0}).animate({opacity: 1}, 400);
			}
		}
	});
});