javascript技巧

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript技巧 > 图片延迟加载

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

作者:

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

加到页面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>

您可能感兴趣的文章:
阅读全文