javascript - Jquery:淡入图像 src 交换

Question

我有一段 JQuery 脚本可以在点击时更改图像的 src:

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

我想知道是否有办法向其中添加 .fadeIn()？

我试过:

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

但这行不通。

任何人都可以建议一种方法来调整 symantecs 以适应这种情况吗？

Answer 1

尝试

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