Jquery HTML() и Internet Explorer Выпуск

Question

Сценарий JS:

function ShowUploadingAnimation() 
{ 
    $('#info_msg').html("<div style=\"padding-top: 15px; height: 50px;\" align=\"center\"><img id=\"uploading-img\" /></div>"); 
    $("#uploading-img").attr({ src: "images/uploading.gif", alt: "Uploading" }); 
} 

И использование HTML:

<input type="submit" value="Upload" onclick="ShowUploadingAnimation();"> 
<div id="info_msg"></div> 

Так что мой вопрос заключается в следующем: Этот метод хорошо работает в Firefox, но в Internet Explorer загружает файл gif, но он не анимирован, а просто статичен ... показывается только случайный кадр при каждом нажатии кнопки. Какие-либо предложения?

Answer 1

Это хорошо известная проблема с ie и анимированными gif при показе/скрытии изображений во время вызовов xhr & загрузки файлов. Есть множество решений, приведенных здесь на Ricks Strahl blog post в комментариях. Возможно, один из них будет работать на вас.

Answer 2

Простой трюк будет помещен в iframe. Вместо < img src = ''> использовать < iframe src = ''> </iframe>.