jquery.lazyload.js + ajax下拉懒加载

最新推荐文章于 2021-08-05 18:21:34 发布

Wihend

最新推荐文章于 2021-08-05 18:21:34 发布

阅读量511

点赞数 1

分类专栏：懒加载文章标签： js ajax 下拉加载懒加载

本文链接：https://blog.csdn.net/qq_37259806/article/details/102857497

版权

1 篇文章 0 订阅

订阅专栏

jquery.lazyload.js + ajax实现懒加载

首先引入jquery 和 jquery.lazyload.js

下拉加载的代码有很多，这边就不多废话了

var merchantLazy='merchant-lazy'+(pageNumber);

执行下拉记载的方法时设置一变量，pageNumber可以任意东西，不唯一就行

<img class="'+merchantLazy+'"  data-original="你的图片路径" style="width: 100%; display: block;" />

这边图片建议加入一个默认的样式，否则加载时，不滚动的话，会不显示

$('img.'+merchantLazy).lazyload({
     threshold: 400,
     effect: "fadeIn",
     placeholder: 'img/60x60.gif',
     skip_invisible: true
 });

大功告成，是不是非常简单

关注