HOw to use fadeIn and FadeOut in Jquery image change
<p>I am chnaging the image src onClick event like below</p>

<p>IF the hyperlink is clicked then i need to change the image in a div box</p>

<pre><code>&lt;div id="left_img"&gt;
     &lt;img style="float: right;" src="/image/char.gif"&gt;
                    &lt;/div&gt;
</code></pre>

<p>Jquery </p>

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

<p>Now i want that instead of abrupt change of image there should fade out of old image and fadein of new image</p>

<p>How can i do that </p>
