网页图片延时加载

<img class="lazy" src="img/grey.gif" data-original="images/{{$xia['s_img']}}" width="120" height="120">

<script src="../home/mafengwo/jquery.min.js"></script>
<script src="../home/mafengwo/jquery.lazyload.js?v=1.9.0"></script>
<script type="text/javascript" charset="utf-8">
$(function() {
$("img.lazy").lazyload({
effect : "fadeIn"
});
});
</script>

++++++++++++++++++++++++++++++++++详解++++++++++++++++++++++++++++++

src="img/grey.gif"是占位图片，data-original="img/example.jpg"才是真正要加载的图片
追问：
占位图片是什么啊？假如我有图片a01.jpg,a02.jpg......哪个算占位图片？占位图片怎么定义的？谢谢...
回答：
lazyload的目的是延迟加载，但是就算用js去掉src属性也会马上加载图片，所以lazyload就让src加载一个很小很小的图片（1px*1px，几乎看不到），也就是所谓的占位图，然后添加了个data-original属性延迟加载真正要显示的图片。
追问：
最后一个问题，能给个lazyload成功案例的代码看下吗？万分感谢了...不用太多，6个图片左右的代码就可以了。
回答：
http://www.lanrentuku.com/down/js/tupian-844/