javascript - jQuery:图像src交换上的FadeIn

我有一个JQuery脚本，可以在单击时更改图像的src:

var imgsrc;
$('#thumbs img').click(function(){
imgsrc = $(this).attr('src');
$('#mainphoto img').attr('src', imgsrc);

我想知道是否有一种方法可以添加.fadeIn()呢？

我努力了:

$('#mainphoto img').fadeIn().attr('src', imgsrc);

但这是行不通的。

谁能建议一种调整交响乐来适应这种情况的方法？

最佳答案

尝试

$('#thumbs img').click(function(){
    var imgsrc = $(this).attr('src');
    $('#mainphoto img').fadeOut(function(){
       $(this).attr('src', imgsrc).fadeIn();
    });
});