jquery 缓冲加载图片插件 jquery.lazyload
浏览数：21 /
时间：2015年06月09日
第一：加入jquery
第二：加入jquery.lazy.load.js文件
第三：在网页中加<script>
$(document).ready(function(){
$("img").lazyload();
});
</script>
第四：图片方式<img src="预览图" data-original="真实路径" width=""
height="" />
预防浏览器不支持JS应这样写：
<img src="预览图" data-original="真实路径" width="" height="" />
<noscript><img src=""真实路径 /></noscript>
附加：
可在lazyload({}) 加入事件：
默认事件是：event:"scroll"
如：$("img").lazyload({event : "click", effect:"fadeIn"});
$("img").lazyload({event : "scroll", effect:"fadeIn"});
$("img").lazyload({event : "scroll"});
详情看官网：
http://www.appelsiini.net/projects/lazyload
第二：加入jquery.lazy.load.js文件
第三：在网页中加<script>
$(document).ready(function(){
$("img").lazyload();
});
</script>
第四：图片方式<img src="预览图" data-original="真实路径" width=""
height="" />
预防浏览器不支持JS应这样写：
<img src="预览图" data-original="真实路径" width="" height="" />
<noscript><img src=""真实路径 /></noscript>
附加：
可在lazyload({}) 加入事件：
默认事件是：event:"scroll"
如：$("img").lazyload({event : "click", effect:"fadeIn"});
$("img").lazyload({event : "scroll", effect:"fadeIn"});
$("img").lazyload({event : "scroll"});
详情看官网：
http://www.appelsiini.net/projects/lazyload
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
