javascript - jquery如何在使用json更改attr src时淡出和淡入图像

Question

当使用 jquery 和 json 更改 attr src 时，我对如何淡入和淡出图像感到困惑。我已经正确更改了图像，但想添加褪色过渡。

任何帮助和建议将不胜感激。

下面是我的代码

function(){
                $j(".screenshots ul li#screen1").show();

                $j(".items div a").click(function (event) {
                    var id = $j(this).attr("href");
                    //$j(".screenshots ul li img").fadeOut();

                    $j.ajax({
                        url: "/?func=square_images/get_json&IMAGE_ID="+id,
                        dataType: "json",
                        success: function(data) {
                            $j("#screen1 img").attr("src", data.medium_medium_src);
                        }
                    });

                    event.preventDefault();
                });

            }

Answer 1

您可以在成功功能中尝试此操作

success: function(data) {
    $j("#screen1 img").fadeOut(100, function() {
       $(this).attr('src', data.medium_medium_src).load(function() {
          $(this).fadeIn();
       });
    })
}