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