check image has been loaded using jquery
<p>Problem- At run time I am changing/replacing src attribute of some images using jquery. These images are by default hidden. I want to display these images when these images are download and ready to display because it is also possible that some images can not be downloaded. </p>

<pre><code>         &lt;img id="pic_1" width="153" height="160" border="0" 
                onmouseout="this.style.border='2px solid #FFFFFF';"
                   onmouseover="this.style.border='2px solid #4585E7';" 
                                       style="visibility: hidden;" 
                                        src="**to be replaced at run time**""&gt;
</code></pre>

<p>Please let me know any solution how can i achieve this. </p>
