Gif animé ne pas animer sur soumettre

Question

J'ai un formulaire où la fonction de soumission prend plusieurs minutes. Je voudrais afficher un gif animé pendant que le submit est lancé. Le code ci-dessous montre le gif, mais il ne bouge pas. Que puis-je faire pour le faire fonctionner?

<script type="text/javascript"> 

    $(function() { 
     $("#submit").click(function() { 
      $("#wait").show(); 
      return true; 
     }); 
    }); 

</script> 

<% Using Html.BeginForm%> 
<%-- Various input fields here --%> 
<input id="submit" type="submit" value="Submit" /> 
<img id="wait" src="../../Content/images/ajax-loader.gif" alt="" style="display: none" /> 
<% End Using%> 

Answer 1

Ce problème se produit uniquement dans IE, correct? Rick Strahl en a parlé sur son blog il y a quelque temps. Assurez-vous de lire les commentaires.

Animated GIF images in hidden page elements

Answer 2

Followig lien Josh, j'ai pu le faire fonctionner à l'aide:

setTimeout('document.images["loadimage"].src = "../Images/loading_bar.gif"', 200);