2014-05-21 88 views
-1

我寫在JavaScript的代碼,使我的網站上的圖像褪色加載時:使用jQuery負載()事件

function loaded(e){ 
    var target = e.target; 
    target.style.opacity = "1"; 
} 

我通過調用函數HTML屬性onload和它工作得很好....

現在,我試圖做同樣的,但現在使用jQuery的load()事件,只是爲了避免調用從HTML屬性的功能。所以我寫了:

$('img').load(function(event){ 
    $(this).css('opacity', "1"); 
}); 

不過,這並不在所有的工作。

爲什麼?

預先感謝您的回答

+1

你的問題似乎假定的JavaScript和jQuery在同一層面上,這是荒謬的。你知道jQuery(一個庫)是用* JavaScript(一種編程語言)編寫的,對嗎? – rsenna

+0

是的,我完全知道並理解它,但我不明白與我的問題有什麼關係。 – Hugz

+0

如上所述,相關性是您的問題**對本網站**不足。記住,我們不是在這裏簡單地「回答你」;使用stackoverflow.com是一種特權,因此您應遵守網站規則(如[提出良好問題](http://stackoverflow.com/help/how-to-ask),[接受有用的答案](http: //stackoverflow.com/help/accepted-answer)等等)。 – rsenna

回答

0

你可以做這樣的事情:

img {opacity: 0.25;} 

和頁面加載後:

$(document).ready(function(){ 
    $("img").css("opacity", 1); 
}); 
+1

感謝您解答我的問題。 – Hugz

+0

嘗試檢查它是否有效。如果有效,請接受我的回答。謝謝。 :) –

+0

由於我的網站有很多圖片,我不想等待文檔完全加載來加載圖片。它需要將近1分鐘。 – Hugz