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

mac2025-07-19  3

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

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

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

最新回复(0)