懒加载-scrollLoading.js

本来之前用的lazyload。

忽然发现其实用这个scrollloading已经很够用了，而且体积小。

原理请看

张鑫旭的博客

准备：  

jquery.js

jquery.scrollLoading.js

1*1px的透明gif图

用法示例：

先引入

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script type="text/javascript" src="http://www.zhangxinxu.com/study/js/mini/jquery.scrollLoading-min.js"></script>

``````
<img class="scrollLoading" data-url="将要显示的图片地址" src="1像素的图片地址" width="180" height="180" />

在要调用的地方

$(".scrollLoading").scrollLoading();