jQuery - Ability to Change an IMG Source, and show a loader until the image is loaded by the browser
<p>I have a frame with an image tag inside, like a photo gallery</p>

<pre><code>&lt;div id="frame"&gt;
 &lt;img src="yahoo.com/logo.gif" id="photo" /&gt;
&lt;/div&gt;
</code></pre>

<p>With jQuery I'm going to dynamically change the img src to a different image URL.  This causes the frame to jump in height as the image dimensions are different. It also cause a flash as the browser loads the image. It's a bad experience.</p>

<p>What'd I'd like to know if is possible, is whenever the img src is changed, is for jQuery to show a default loader, and then once the image is fully loaded, then show the image and remove the loader.</p>

<p>Any suggestions? hopefully a plugin? thanks</p>
