jquery交叉淡入淡出動畫的簡單方法

我正在旋轉旗幟。一切都很好，但當橫幅旋轉時我無法獲得乾淨的動畫。jquery交叉淡入淡出動畫的簡單方法

我在jQuery上相當新，所以我有點新鮮可以說。

確定這樣的橫幅使用下面的代碼淡出，並在新的圖像

$(image).fadeOut(100); 
$(image).fadeIn(100);

此淡出淡入和白走了一秒鐘，然後將新的圖像變淡。

我我確信有一種方法可以無縫地做到這一點，但我似乎無法理解這裏的概念。我不想去插件，因爲這個橫幅非常簡單，我不想讓事情複雜化。

$(image).fadeOut(100, function(){ 
    $(this).fadeIn(100); 
});

使用fadeOut動畫調用的回調來運行新的淡入，以便遵循正確的順序。

2011-12-30 13:16:07 asawyer

我已經試過這個，這給出了同樣的效果有我在做什麼，但有一個額外的閃爍效果以及。 – 2011-12-30 13:23:10

@JustinPGreer然後看Rich的回答。抱歉! – asawyer 2011-12-30 13:24:14

它很酷...它吸收學習新的東西大聲笑再次感謝 – 2011-12-30 13:35:29

淡入淡出如果這正是你在找什麼Here

2011-12-30 13:16:34

-1

我假設你的形象的好例子都有一個id？

如果是的話，你應該改變

$(image).fadeOut(100); 
$(image).fadeIn(100);

到

$("#image").fadeOut(100); 
$("#image").fadeIn(100);

的 '＃' 告訴腳本來看看一個元素與ID圖像

2011-12-30 13:17:03

是的所有圖像都有一個它重視的類。旋轉功能的作品，但它有閃光燈效果。我試圖讓圖像淡入淡出或在這些線上的東西 – 2011-12-30 13:18:56

爲此，您可以使用jQuery動畫舊瀏覽器和CSS轉換爲正常 - 這樣，由於硬件加速，它在iOS上看起來很流暢，而不是生澀和可怕。

2011-12-30 13:20:05

回答