分析代碼也可以知道。

最主要的原因是 寫在頁(yè)面上的 一經(jīng)加載，就去向服務(wù)器申請(qǐng)圖片地址，加載大圖片。

如果想實(shí)現(xiàn)原定的效果，則 寫在頁(yè)面上的待加載地址 必須不能是大圖片的地址，而我們可以將真正的圖片地址數(shù)據(jù) 存儲(chǔ)在alt屬性中。

正確的例子如下：

對(duì)原來(lái)的 jquery.lazyload.js我們也需要做一點(diǎn)改動(dòng)：

$(document).ready(function(){

$("#lazy1 img,#lazy2 img").lazyload({

placeholder : "http://sc.jb51.net/style/img/spacer.gif",

effect : "fadeIn"

});

});

完整實(shí)例如下：

無(wú)標(biāo)題文檔

img{ display:block; border:2px solid #ccc; margin:0 0 10px;}

$(document).ready(function(){

$("#lazy1 img,#lazy2 img").lazyload({

placeholder : "http://qsl.cn/style/img/spacer.gif",

effect : "fadeIn"

});

});

第一屏高度為900px，滾動(dòng)到下面的時(shí)候，相應(yīng)圖片才開始加載

測(cè)試可知 是真正的按需加載。而不是像之前，先加載了，滾動(dòng)到相應(yīng)位置 還又加載了一次。

Firebug的眼睛還是雪亮的。

總結(jié)

以上是生活随笔為你收集整理的lazyload ajax同步,jQuery lazyload 的重复加载错误以及修复方法的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

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