Comment utiliser fadeIn et FadeOut dans l'image Jquery changement

Question

Je chnaging l'événement image src onClick comme ci-dessous

SI le lien est cliqué alors je dois changer l'image dans une boîte div

<div id="left_img"> 
    <img style="float: right;" src="/image/char.gif"> 
        </div> 

jquery

$("#left_img img").attr("src","http://www.abc.net/image/2_char.gif"); 

maintenant, je veux qu'au lieu de changement brusque de l'image il devrait disparaître de l'image ancienne et de la nouvelle image fadein

Comment puis-je faire cela

Answer 1

$("#left_img img").fadeOut(500, function() { 

    $(this).attr("src","http://www.abc.net/image/2_char.gif").fadeIn(500); 

});