為什么80%的碼農(nóng)都做不了架構(gòu)師？>>> ??

這個方法可以減少服務(wù)器的負(fù)擔(dān)，隨著滾動條的滾動加載圖片。可以運用在存在大量圖片的頁面，比如頻道頁、活動頁、搜索結(jié)果頁等……

演示：看看taobao的商品列表

http://search.taobao.com/search?commend=all&isnew=2&q=%CA%F3%B1%EA&source=search1

使用說明：

在頁腳添加以下代碼即可：

注：該腳本依賴 yahoo-dom-event, 頁面中需要加載 yui 2.x
高級使用說明

配置參數(shù)如下：

manual 模式時，需要手動將頁面中需要延遲加載的圖片的 src 屬性名更改為 data-lazyload-src. 比如 SRP 頁面，寶貝列表的后20個圖片延遲加載。輸出時，html 代碼為：

data-lazy-src="path/to/img" alt="something" />

轉(zhuǎn)載于:https://my.oschina.net/javagg/blog/3270

總結(jié)

以上是生活随笔為你收集整理的ImageLazyLoad-图片随着滚动而进行加载的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。