Question

I am using this to start an gif image counter to animate down from 3 to 1. On all browsers, except Firefox 10 is working fine, but on Firefox very often it skips 3 and stars directly from 2

$('#counter-gif').attr('src', $('#counter-gif').attr('src'));

Any ideas why this doesn’t work properly on firefox? thanks

i’m using that line of code because the counter is inside an success method of an ajax which I run multiple times and every time I need to restart the counter and re-setting the src leads to restarting the animation. thanks

Answer 1

You should start your timer on the onload event:

var img = new Image();
img.onload = function() { setTimeout("doSomething();", 3000); }
img src="somegif.gif";

However this is based on my own assumptions on what you’re trying to do. You haven’t explained things properly. Your sample code set’s the source of the gif to… the source of itself. So that lince of code is not doing anything.