jquery的懒加载怎么实现

今天小编给大家分享一下jquery的懒加载怎么实现的相关知识点，内容详细，逻辑清晰，相信大部分人都还太了解这方面的知识，所以分享这篇文章给大家参考一下，希望大家阅读完这篇文章后有所收获，下面我们一起来了解一下吧。

　　要引入两个文件，注意这些事html中包含着

　　<script class="lazy" data-src=""></script>

　　<script class="lazy" data-src=""></script>

　　然后在query.lazyload.js下面配置一下你用到的

　　<script>

　　$（function（）{

　　$（"img.lazy"）。lazyload（{

　　placeholder:"",? //图片未加载出来时显示的占位图

　　effect:"show",? //展现的方式，常用：show显示\fadeIn闪现

　　threshold:100,? //在距离屏幕多少px时开始加载

　　event:"scroll",? //懒加载的触发事件，常用：click点击/mouseover鼠标移入/sporty运动/默认为scroll滑动

　　container:$（"#J-sourceList"）， //指定容器内的元素产生效果

　　failure_limit:5? //加载多少张可见区域外的图片

　　}）;

　　}）

　　</script>

　　然后建议img的尺寸尽量统一 那样直接写一个class完美，因为这个我发现需要给img配置width height不给的话有可能会不加载

以上就是“jquery的懒加载怎么实现”这篇文章的所有内容，感谢各位的阅读！相信大家阅读完这篇文章都有很大的收获，小编每天都会为大家更新不同的知识，如果还想学习更多的知识，请关注编程网行业资讯频道。