jQuery：添加淡入淡出效果来替换attr

Question

使用replace（）更改图像属性时是否可以添加淡入淡出效果？我有一个代码，使用一个按钮将网站上的每个图像切换到备用版本（通过更改图像的路径）;我希望每张图片都淡入其备用版本。

以下是代码：

$('.imgbutton').click(function() {
   $('img').attr("src",function(index,attr){
    return attr.replace("directory1/","directory2/");
});

感谢您的帮助！

Answer 1

使用fadeOut和fadeIn的组合可以完成这项工作：

$('.imgbutton').click(function() {
    $('img').fadeOut(function() {
        $(this).attr("src",function(index,attr) {
            return attr.replace("directory1/","directory2/");
        }).fadeIn();
    });
});