图片延迟加载的实现代码(模仿懒惰)

时间:2013-04-09 11:06 来源:互联网 作者:源码搜藏 收藏

在浏览网页时经常会碰到图片延迟加载的情况,它的优势在于提高加载速度,未加载前加载图片占位图,接下来为大家详细介绍下

在浏览网页时经常会碰到图片延迟加载的情况,它的优势在于提高加载速度,未加载前加载图片占位图,接下来为大家详细介绍下

加到页面head标签即可! 

复制代码代码如下:

<script type="text/javascript" src="http://plwcommon.hywlm.com/PLWCommonJs/lazyload/jquery.lazyload.js"></script> 
<script type="text/javascript"> 
jQuery(document).ready( 
function($){ 
$("img").lazyload({ 
placeholder : "http://plwcommon.hywlm.com/PLWCommonJs/lazyload/grey.gif", //加载图片前的占位图片 
effect : "fadeIn" //加载图片使用的效果(淡入) 
}); 
}); 
</script> 

javascript技术阅读排行

最新文章