Question

I test the code in IE7, FF, Chrome, Safari and this problem occurs in Firefox only.

I have checked that the problem only occurs in FF 3.5.x, but not FF 3.0.x.

I want to make an image animation which has 10 images in total.

Currently, I use the following code to do it:

for (var i=1;i<=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);
}

And then change an element’s src to loop through the array “img”.

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

What should I do?

Answer 1

This seems a bug in FF3.5.x.
Not sure whether the bug has already been fixed.