將圖像褪色到另一個圖像

Question

所以我試圖做一個滑塊與jQuery，但我不能得到正確的效果... 我希望它是如此，當我點擊一個圖像它淡入另一個像滑塊： http://na.leagueoflegends.com

正常淡入（）/淡出（）作用不正是我要找的，我希望它是順暢，也沒有第二個像逝去之前消失在黑色在

會把兩個div（一個絕對定位在另一個），然後褪色的頂部工作？

在此先感謝，歡呼！

Answer 1

像這樣的東西應該工作

$("your img 1").animate({opacity : 0}, 300, function(){ // Fade out 
    $("your img 2").animate({opacity : 1}, 200, function(){ // Fade in 

    }); 
});