jQuery Fade Images on iPhone Issue
<p>I want the thumbnails on my website to fade in when loaded rather than load the traditional way.  I'm using jQuery to achieve this by setting the opacity of each img to 0 in CSS, then fading it up to 1 using jQuery like so:</p>

<pre><code>image.bind("load", function () { $(this).fadeTo(1000, 1); });
</code></pre>

<p>This works fine in a desktop browser, but in Mobile Safari or Chrome on the iPhone, the fading of the images stutters as if the loading and the fading is all performed in the same thread and the loading blocks the animation.  I suspect this could be exactly what's going on and that I'll just have to live with it, but I'm posting here in the hope that someone has a hack or clever way around it.</p>

<p>I've tried covering each image with an opaque div and fading that to transparent instead, but it produces the same result.</p>

<p>You can see it in action at: <a href="http://www.anthonyburns.co.uk" rel="nofollow">http://www.anthonyburns.co.uk</a></p>
