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'
});

 

上一篇:八、Vue-lazyload


下一篇:图片懒加载