2010-01-18 2 views
9

У меня есть форма, в которой функция отправки занимает несколько минут. Я бы хотел отобразить анимированный gif, пока подача прокручивается. В приведенном ниже коде показан gif, но он не перемещается. Что я могу сделать, чтобы это произошло?Анимированный gif не animating on submit

<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%> 

ответ

15

Эта проблема происходит только в IE, правильно? Рик Стралл некоторое время назад обсуждал это в своем блоге. Обязательно прочитайте комментарии.

Animated GIF images in hidden page elements

+1

Если бы даже не хотя о том, что он делал в другом браузере, и конечно же, он прекрасно работает в Chrome. Благодаря! – gfrizzle

5
ссылка

Followig Джоша я смог получить его на работу с помощью:

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