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();
       });
    })
}