2010-10-28 78 views
3

任何人都有任何想法,爲什麼我的懶惰負載似乎沒有工作?任何想法爲什麼我的Lazyload不工作?

即使使用他們的圖像作爲測試,我完全從惰性加載頁複製,他們只是加載正常,而不是褪色...?

lazy link example

我然後把一個沒有衝突的腳本,因爲我有下拉爲好,什麼都沒有其中任何一個固定它...

在最初只是鬆散地變淡圖像其餘什麼都不做:(

很奇怪..

回答

2

採取了另一個樣子:

jQuery.noConflict(); 

jQuery(document).ready(function(){ 
    jQuery(function() {   // <-- what's this doing here? 
    jQuery("img").lazyload({ 
     placeholder: "/images/blank.gif", 
     effect: "fadeIn", 
     failurelimit: 1, 
     threshold: -20 
    }); 
    }); 
}); 

你正在onload handler中設置一個onload事件,這很奇怪。刪除它,它可能工作

+0

感謝您的幫助,即使說出來它仍然不工作:( 我原來有這一點,並沒有奏效要麼... $(函數(){$ (」 IMG「。)lazyload({ 佔位符: 」/images/blank.gif「, 效果: 」淡入「, failurelimit:1, 閾:-20 }); }); 及其困惑我.. – Jezthomp 2010-10-28 15:48:29

+0

我已經得到它在本地工作,但不工作一次在線:( 嘗試了幾個域。 非常奇怪.. http://snipt.org/loolp/ – Jezthomp 2010-10-28 20:35:48

+0

@Jezthump:問題可能在於jQuery通過Ajax加載圖像,如果您在另一個域上有圖像,則該圖像無效相同的原產地政策。要解決這個問題,你可能需要將你的圖像移動到相同的域 – Harmen 2010-10-28 21:06:57

0

它也值得看看這個插件叫做JAIL延遲加載圖片

2

LazyLoad不會在DOM加載之前

現代瀏覽器下載的圖像工作了......事件發生。

http://www.appelsiini.net/projects/lazyload

...筆者說...

延遲加載當前不可用。它不像預期的那樣適用於最新的瀏覽器。我目前沒有時間自己更新代碼。補丁總是受歡迎的。如果你發現一個解決方案只是分叉和發送拉請求。謝謝!

+1

這是自動刪除圖像src不再工作的一部分。 2009年12月23日發佈的版本1.5提供了替代方法,您必須更改HTML並將圖像URL存儲在'original'屬性中。我最近將其重命名爲'data-original',以便HTML5友好。我還更新了[文檔](http://www.appelsiini.net/projects/lazyload),它更好地解釋瞭如何使用它。 – 2011-11-19 00:05:50

相關問題