Animated GIF in IE stopping

Question

Does anyone know a work around to make animated GIF's continue to be animated after you click a link or submit a form on the page your on in IE? This works fine in other browsers.

Thanks.

Answer 1

The accepted solution did not work for me.

After some more research I came across this workaround, and it actually does work.

Here is the gist of it:

function showProgress() {     var pb = document.getElementById("progressBar");     pb.innerHTML = '<img src="./progress-bar.gif" width="200" height ="40"/>';     pb.style.display = ''; } 

and in your html:

<input type="submit" value="Submit" onclick="showProgress()" /> <div id="progressBar" style="display: none;">     <img src="./progress-bar.gif" width="200" height ="40"/> </div> 

So when the form is submitted, the <img/> tag is inserted, and for some reason it is not affected by the ie animation issues.

Tested in Firefox, ie6, ie7 and ie8.

Answer 2

old question, but posting this for fellow googlers:

Spin.js DOES WORK for this use case: http://fgnass.github.com/spin.js/