jq图片懒加载

1.引入jquery.js

<script src="./jquery.js"></script>

2.引入jquery.lazyload.js

<script src="./jquery.lazyload.js"></script>

3.用data-original替换img属性src

 <img  data-original="./img01.jpg" alt="">

4.添加类型"lazy"

<img class="lazy" data-original="./img01.jpg" alt="">

5.调用  lazyload();

$('img.lazy').lazyload();

6.加载图片

$('img.lazy').lazyload({
  placeholder:'./sprite.jpg'
});

 

标签：jquery,lazy,img,jq,js,lazyload,加载,图片
来源： https://www.cnblogs.com/zhaodz/p/11626071.html