html
<img data-original="<{$car.img_url1}>" class="lazy-click"><{$car.cate_name}>
jq
//被点击时触发时间 必须 默认图站位
$("#insertCar").click(function(){
$(".lazy-click").lazyload({
placeholder : "<{$imgDomain}>/images/lzweb/car-K-none.jpg", //用图片提前占位
effect: "fadeIn",// 载入使用何种效果
threshold :'20000',
});
})
不触发点击的
$("img.lazy").lazyload({
threshold : '200',
placeholder : "<{$img_domain}>/images/lzweb/car-S-none.jpg", //用图片提前占位
// placeholder,值为某一图片路径.此图片用来占据将要加载的图片的位置,待图片加载时,占位图则会隐藏
effect: "fadeIn" // 载入使用何种效果
});
必须引入一个js文件 jquery.lazyload.min.js