麻煩.fadeIn和.fadeOut點擊jQuery

Question

我試圖淡出舊圖像，並在使用jQuery的圖庫中淡入新圖像，但這一切都同時發生。我怎樣才能讓每個動作一次發生一次？

$(".previews a").on("click",function() { 
    $(".previews a").removeClass("selected"); 
    $(this).toggleClass('selected'); 
    //changing img tags in .full 
    var largeImg = $(this).data("full"); 
    $(".full im``g").fadeOut(); 
    $(".full img").attr("src", largeImg); 
    $(".full img").fadeIn(); 
    }); 

Answer 1

您在回調鏈中的功能結合在一起 -

$(".full img").fadeOut(function() { 
    $(".full img").attr("src", largeImg); 
    $(".full img").fadeIn(); 
}); 

Answer 2

你可以傳遞一個回調淡出。

$(".full img").fadeOut('slow', function() { 
    $(".full img").attr("src", largeImg); 
    $(".full img").fadeIn('fast'); 
});