jQuery懒加载插件 jquery.lazyload.js
Posted 火星软件
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了jQuery懒加载插件 jquery.lazyload.js相关的知识，希望对你有一定的参考价值。
lazyload 是一个用 javascript 编写的 jQuery 插件， 它可以延迟加载长页面（需要多屏显示的页面）中的图片， 在浏览器可视区域外的图片不会被立即显示出来，直到用户将页面滚动到它们所在的位置。 这与图片预加载的处理方式正好是相反的。在包含很多大图片的长页面中，延迟加载图片可以加快页面加载速度。 浏览器将会在加载可见图片之后即进入就绪状态。在某些情况下还可以帮助降低服务器负担。
1、引入jquery.lazyload.js文件
<script src="jquery.min.js" type="application/javascript"></script>
<script src="jquery.lazyload.js" type="application/javascript"></script>
2、在img中添加自定义字段放置图片真正的src，如data-src,src里放置默认图片
3、设置懒加载效果
jQuery("img.lazy").lazyload({
placeholder :
"img/grey.gif"
,
//用图片提前占位
以上是关于jQuery懒加载插件 jquery.lazyload.js的主要内容，如果未能解决你的问题，请参考以下文章
jQuery延迟加载(懒加载)插件 – jquery.lazyload.js
jQuery延迟加载(懒加载)插件 – jquery.lazyload.js
jQuery延迟加载(懒加载)插件 – jquery.lazyload.js
jQuery延迟加载(懒加载)插件 – jquery.lazyload.js