1. 程式人生 > >JQuery.lazyload的使用.

JQuery.lazyload的使用.

JQuery.lazyload是一款用於圖片延遲載入的外掛;使用方法如下:

①引入jquery.lazyload.min.js檔案:<script src="jquery.lazyload.min.js" type="text/javascript"></script>

②使用jquery.lazyload外掛:在需要延遲載入圖片的img標籤中這樣寫<img class="lazy" data-original="nor.gif" src="lazy.gif" />

其中class屬性根據情況自己定義;

data-original屬性是要載入的圖片的全路徑,此屬性中的值可根據情況用javascript來改變,如在頁面載入的時候發起Ajax請求後得到圖片地址,再把獲取到的圖片地址用javascript的方式設定給該屬性;

src是還沒加載出圖片的時候預設顯示的圖片,也可不做設定,但最好指定img的寬高,以免排版佈局顯示錯亂。