animated GIF freezes on submit

animated GIF freezes on submit

Hi everyone.

I'm having trouble displaying an animated loader.gif when submitting a form.

what i have is this function
function showLoader() {
          document.getElementById('form1').submit();
          $('#formdiv').hide();
          $('#loader').show('slow');
}

which is called when i click

a
<input type = "button" onclick = "showLoader">

and i have a div like :


<div id = "loader" class = "centeredImage" style =  "display:none;height:500px;">
    please wait <br>
    <img id = "progress" src = "/img/loadinfo3.gif">
</div>



my problem is that while it works fine on safari and chrome, in firefox, when the submit event is fired, tha animation on gif freezes. I've done a lot of serach and o can't fina a solution.

Any suggestions please?

thanks.

Miguel