jquery 缓冲加载图片插件 jquery.lazyload

第一:加入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 缓冲加载图片插件 jquery.lazyload

上一篇:网页元素遍历之“呜呜”“哈哈”


下一篇:javascript 中的 this