圖片懶加載處理

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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章