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

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