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