Gif animado no animado en enviar

Question

Tengo un formulario donde la función de envío tarda varios minutos. Me gustaría mostrar un gif animado mientras se envía el envío. El código a continuación muestra el gif, pero no se mueve. ¿Qué puedo hacer para que funcione?

<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

Este problema ocurre solo en IE, ¿correcto? Rick Strahl discutió esto en su blog hace algún tiempo. Asegurate de leer los comentarios.

Animated GIF images in hidden page elements

Answer 2

enlace de

Followig Josh yo era capaz de conseguir que funcione usando:

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