jquery.lazyload 使用
浏览数：44 /
时间：2015年06月09日
1、引用js
<script src="jquery.js" type="text/javascript"></script> <script src="jquery.lazyload.js" type="text/javascript"></script>
2、需要加载的图片写成以下的形式：
<img class="lazy" data-original="img/example.jpg" width="640" height="480">
或者：
<img class="lazy" data-original="img/example.jpg" src="/Content/images/home/nopic_shop.png" width="640" height="480">
最下面的是有默认图的。建议用下面的
3、在要加载的页面，加上js
$(function() {
$("img.lazy").lazyload();
});
我一般使用下面有效果的模式：
//加载图片
$("img.lazy").lazyload({
effect: "fadeIn"
});
更多需求文档，请参考官方的介绍：
http://www.appelsiini.net/projects/lazyload
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
