懶加載不顯示我的圖像

我有沉重的內容圖像。這就是爲什麼我決定使用延遲加載：http://www.appelsiini.net/projects/lazyload 懶加載不顯示我的圖像

我的頁面是這個：http://www.mysecretathens.gr/kulte_test/osterman.html

我跟所有的都需要，但不明白爲什麼，我想第一個圖像測試延遲加載功能不要說明顯示

在我的頭部分是這樣的：

<script src="jquery.js" type="text/javascript"></script> 
<script src="lazyload.js" type="text/javascript"></script>

圖像：

<img class="lazy" src="grey.gif" data-original="osterman/ost21.jpg" width="900" height="602" >

和JS代碼

<script type="text/javascript"> 

$("img.lazy").lazyload(); 

</script>

爲什麼只有grey.gif顯示出來，而不是實際的圖像？有任何想法嗎？我有錯誤的jquery文件嗎？在此先感謝

來源

2013-04-02 a.litis

您使用的是哪種瀏覽器？ –

@PhilipBevan Chrome，爲什麼？ –

鉻調試器顯示錯誤：未捕獲語法錯誤：意外的標識符的jquery.js：9598 未捕獲的SyntaxError：意外的標識lazyload.js：228 未捕獲的ReferenceError：$沒有定義osterman.html：205 這表明你的實現是不正確的。試着再次下載文件。嘗試使用//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js作爲您的jquery src –

誤差在鉻調試器：

未捕獲的SyntaxError：意外的標識符的jquery.js：9598

未捕獲的SyntaxError：意外標識符lazyload.js：228

未捕獲的ReferenceError：未定義$奧斯特曼。 html：205

來源

2013-04-02 21:13:25

您的JS確實似乎拋出一個錯誤。在您jquery.js文件的底部似乎是無效的代碼：

... 
})(window); 
Window size: x 
Viewport size: x

最後兩行導致錯誤並阻止任何進一步的JS執行。

來源

2013-04-02 21:00:06 Steve

懶加載不顯示我的圖像

回答

相關問題