Jquery Chrome/Safari FadeOut

Question

所以我試圖做一個非常簡單的效果，其中使用定位交叉淡入淡出的兩個圖像在頁面加載時放置在彼此的頂部。在FF和IE8中，我幾乎可以正常工作，除非它在第一次訪問該頁面時不會交叉淡入淡出，您必須刷新以進行淡出。

的影響在這裏裝：http://www.cloudfarmstudio.com/image%20fade%20test/

誰能告訴我什麼，我做錯了！？

謝謝！

Answer 1

問題在於使用$(document).ready。 DOM裝入後立即啓動，這是在圖像加載之前。所以你試圖淡出一個尚未加載的圖像。您可以通過使用$(window).load來解決此問題。

$(window).load(function(){ 
    $('.OldImage').fadeOut(); 
});