Image animation keeps requesting the images
<p>I test the code in IE7, FF, Chrome, Safari and this problem occurs in Firefox only.</p>

<p><strong>I have checked that the problem only occurs in FF 3.5.x, but not FF 3.0.x.</strong></p>

<p>I want to make an image animation which has 10 images in total.</p>

<p>Currently, I use the following code to do it:</p>

<pre><code>for (var i=1;i&lt;=10;i++){
    img[i] = new Image();
    img[i].src = "images/survey/share_f"+i+".jpg"
}

var cornerno = 0;
function imganimate(){
     $("#surveyicon").attr("src",img[cornerno].src);
     //some logic to change the cornerno
     setTimeout("imganimate()",1000);
}
</code></pre>

<p>And then change an element's src to loop through the array "img".</p>

<p>however, firefox keeps requesting the images continuous (I expect it only requests each unique image just once).</p>

<p>What should I do?</p>
