jQuery的交錯淡出2個圖像

嘿我目前使用下面這段代碼：jQuery的交錯淡出2個圖像

$('#tLight0').fadeTo(500,0.40, function() { 
    var theToTurn = $(this).attr('data-toTurn'); 
    $(this).attr("src","site.com/Images/light_" + theToTurn + ".png"); 
}).fadeTo(300,1);

爲了淡入淡出我的2個圖像，我有。但是，第一張圖像在第二張圖像開始淡入之前會淡化爲約40％透明。

我在尋找的是淡入淡出（第一張圖像）並淡入第二張同時。就像你看到圖像被交叉漸變一樣。

我試過fadeTo的所有類型的設置，但它似乎並不像我剛纔描述的那樣。

我如何修改上面的代碼以獲得我期待的結果？

來源

2013-11-20 StealthRT

由於單個圖像元素不能包含多個圖像，因此您需要兩個圖像元素一次。 –

@KevinB當我試圖添加兩個圖像相鄰時，一個仍然會消失，而另一個正在消失..而第二個圖像永遠不會在第一個圖像之上。 – StealthRT

*「，第二張圖片永遠不會在第一張圖片上。」*如果你用css這樣定位它，它會。 **！** –

兩個圖像在同一個容器中，絕對定位。

如果你打算到40％：

淡出第一個
淡出回調：改變Z-指標擺在面前的第二個
淡出回調：淡入第二個

如果你要一個完整的淡入淡出（可能是更好）

淡出第一個，淡入第二個（無回調，同時發生）

來源

2013-11-20 22:38:45 Shomz

jQuery的交錯淡出2個圖像

回答

相關問題