jq图片懒加载

Posted 2022-12-27 zhaodz

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‘
);