JS圖片延遲加載插件LazyImgv1.0怎么用

這篇文章給大家分享的是有關JS圖片延遲加載插件LazyImgv1.0怎么用的內(nèi)容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

創(chuàng)新互聯(lián)公司專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務，包含不限于做網(wǎng)站、成都網(wǎng)站制作、進賢網(wǎng)絡推廣、微信小程序開發(fā)、進賢網(wǎng)絡營銷、進賢企業(yè)策劃、進賢品牌公關、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運營等，從售前售中售后，我們都將竭誠為您服務，您的肯定，是我們最大的嘉獎；創(chuàng)新互聯(lián)公司為所有大學生創(chuàng)業(yè)者提供進賢建站搭建服務，24小時服務熱線：13518219792，官方網(wǎng)址：www.cdcxhl.com

具體如下：

注：LazyImg 必須定義lazy-data屬性，屬性值是src的圖片路徑

引入JS文件：

默認情況下: 在IMG中滿足以任何一個條件，都會加載圖片；

1、沒有class屬性
2、如果有class屬性并且屬性中不包含以"lazy-"為前綴的css樣式名

如何禁止默認加載圖片

JS代碼:

LzDefault.action = false;

如何在點擊事件時顯示圖片

JS代碼:

LazyImg.lazy("lazy-name");

"lazy-name" 中的name是可以自定義，"lazy-"是前綴必須存在

DEMO:

 
  
  
  
  
 
 
  
  
   

    注：LazyImg 必須定義lazy-data屬性，屬性值是src的圖片路徑
   
   

    引入JS文件：
   
   

    下載地址：
    點擊它！
    點擊它(壓縮版)！