麻烦.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'); 
});