why is gif not animating by itself?

Question

Hello,

I have a simple .gif image on my web page. In javascript i have :-

window.onload = function(){ document.forms[0].submit(); }

I am using Glassfish Server and basically the process takes little long even though i have submitted the form as soon as it loads. Thus, the control remains on the page for 2-3 seconds before it is redirected to some other page (as the process is little complex). My problem is, even though the control remains on the same page why is the .gif not animating?

How do i solve this problem?

Answer 1

When the form is submitted, the animation of the gif stops (which is immediately since you submit onload). This is because the http request is being made. To allow the gif to animate there are a few options:

1) Use ajax to submit the form.

2) Use an iframe - either to submit the form, or easier - to load the gif.

3) Try a few other tricks such as not submitting the form immediately.

window.onload = function () {
    setTimeout(function () {
        document.forms[0].submit();
    }, 1000);
};

In this example, if my theory is correct, at least for 1 second, you will see the gif animating.