jqueryでattrによる画像切り替えをふわっとしたいです

Question

jqueryでattrで画像切り替えしたときに、fadeIn()みたいなふわっと切り替わるようにすることは可能でしょうか。

Answer 1

一番シンプルにすると、こうなります。

$('#yourImage').fadeOut(1000, function() { 
     $(this).attr('src', 'yourNewImageSrc.png').on('load', function() { 
          $(this).fadeIn() 
     })
})

:)