第一步:引用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