jquery.lazyload.js的简单使用

我们经常看到商城网站加载图片的时候有一个预加载图片的过程，于是开始试着去琢磨学习这个，其实并不是很复杂，简单使用如下。
第一步：引用js文件，如

<script src="jquery.js" type="text/javascript"></script>
<script src="jquery.lazyload.js" type="text/javascript"></script>

第二步：使用img标签，如

<img class="lazy" data-original="images/real.png" src="images/loading.gif">

data-original为真实图片，src下为预加载图片，经过一段时间（时间可以自己设置属性data-defer）预加载再加载真实图片。
第三步：js方法调用

$("img.lazy").lazyload();

参考：http://www.daxueit.com/article/3944.html