jquery實(shí)現(xiàn)延時(shí)加載圖片

《jquery實(shí)現(xiàn)延時(shí)加載圖片》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在工程資料-天天文庫(kù)。

1、文章源至：http://www.hdy360.com/jquery.lazyload.js實(shí)現(xiàn)延時(shí)加載圖片，實(shí)現(xiàn)網(wǎng)頁(yè)分屏加載jquery.lazyload.js的實(shí)現(xiàn)原理是在圖片的下載過(guò)程中中斷圖片的下載,把圖片的src屬性轉(zhuǎn)換為orginal屬性..然后頁(yè)面滾動(dòng)的時(shí)候到達(dá)臨界點(diǎn)就再把orginal路徑轉(zhuǎn)換為src的路徑...在圖片尺寸比較大的情況下，圖片加載較慢，因此請(qǐng)求會(huì)被攔截，并且保留客戶端數(shù)據(jù)，在下次Img標(biāo)簽加載Load方法的時(shí)候，可以繼續(xù)請(qǐng)求圖片數(shù)據(jù)。?然而，多篇網(wǎng)上文章顯示，該JS并不能真正減少http請(qǐng)求。原因如下：圖片一開(kāi)始就有正確src，lazyLoad就算在

2、快也快不過(guò)頁(yè)面打開(kāi)的http請(qǐng)求撒～不信？可以到QiQiBoy那文章：?《JavaScript&imagesLazyLoad圖片延遲加載(偽lazyload)》，打開(kāi)Demo頁(yè)面，用開(kāi)發(fā)者工具看看圖片有被下載不？其實(shí)還是下載了圖片也就是說(shuō)http請(qǐng)求還是發(fā)送出去了,只不過(guò)在客戶端lazyload人為的中斷了圖片的下載..這不是我需要的效果。?于是我參考了《改造jQuerylazyLoad插件》一文，對(duì)jquery.lazyload.js進(jìn)行一番修改。對(duì)前臺(tái)的頁(yè)面也要做一些修改。源碼如下：html頁(yè)面：

3、trict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

4、ipt"src="Js/lazyload/jquery.js">?