2014-05-02 169 views
2

我有一個函數,用作幻燈片;圖像改變在正確的時間間隔,但沒有動畫漸變:jQuery fadeIn()和fadeOut()不在鉻的工作

function changePic() { 
    if (n == pics.length) { 
     pics = shuffleArray(pics); 
     n = 0; 
    } 
    var pic = "media/" + pics[n]; 
    if (pic === "media/dave.png") { 
     dave(); 
    } 
    $("#dinner").fadeOut("slow",function(){ 
     $("#dinner").attr("src",pic); 
     $("#dinner").fadeIn("slow",function(){ 
      setTimeout(changePic,slideDuration); 
     }); 
    }); 
    n++; 
} 
+2

是否在開發人員控制檯中顯示任何錯誤?你可以在jsFiddle上分享一個工作示例嗎? – ComFreek

+2

如果你正在更新圖像'src',你可能需要[等待它加載](http://stackoverflow.com/questions/3877027/jquery-callback-on-image-load-even-when-在圖像淡入之前,這個圖像是被緩存的。 – Blazemonger

+0

這裏是直播網站(帶有bug)http://ukdinner.com – Halpo

回答

2

我在Chrome和IE10有一個問題,淡出,而在Firefox 30的問題顯然是向下浮動:左 - 我刪除了這個,問題就消失了。不理想,但根據jQuery錯誤跟蹤器,它的優先級太低,無法修復。

http://bugs.jquery.com/ticket/7978

-1

試試這個:

代替.fadeIn()和.fadeOut()嘗試使用.show()和.hide()的作品好。如果動畫效果不重要,請使用此選項。

0

FadeIn()FadeOut() Jquery的功能不支持基本版Google Chrome(版本:34)。所以,請嘗試更新版本或嘗試show()hide()。它適用於我..