IE中的动画GIF停止

Question

在您点击链接或在IE上的页面上提交表单后,是否有人知道制作动画GIF的动画仍在继续？这适用于其他浏览器.

谢谢.

Answer 1

接受的解决方案对我不起作用.

经过一些研究后,我遇到了这种解决方法,它实际上确实有效.

以下是它的要点:

function showProgress() {
    var pb = document.getElementById("progressBar");
    pb.innerHTML = '<img src="./progress-bar.gif" width="200" height ="40"/>';
    pb.style.display = '';
}

在你的HTML中:

<input type="submit" value="Submit" onclick="showProgress()" />
<div id="progressBar" style="display: none;">
    <img src="./progress-bar.gif" width="200" height ="40"/>
</div>

因此,当提交表单时,<img/>会插入标记,并且由于某种原因它不受动画问题的影响.

在Firefox中测试,ie6,ie7和ie8.

Answer 2

旧的问题,但发布此为谷歌的同事:

Spin.js适用于此用例:http://fgnass.github.com/spin.js/

Answer 3

IE假设点击链接预示着新的导航,其中当前页面内容将被替换.作为perparing的过程的一部分,它会停止动画GIF的代码.我怀疑你有什么可以做的(除非你实际上没有导航,在这种情况下使用onclick事件中的return false).

Answer 4

这是一个jsFiddle,可以在使用method ="post"的表单提交时正常工作.在表单提交事件中添加了微调器.

$("form").bind("submit", onFormSubmit);

function onFormSubmit() {
    setTimeout(showSpinner, 1);
}

function showSpinner() {
    $("body").append($('<img id="spinner" src="spinner.gif" alt="Spinner" />'));
}

请参阅此处的jsFiddle代码

在这里的IE浏览器中测试它

Answer 5

我发现了这篇文章,虽然它已经得到了解答,但我觉得我应该发布一些信息来帮助我解决IE 10特有的这个问题,并且可能会帮助其他人在这个帖子中遇到类似的问题.

我很困惑GIF动画是如何在IE 10中显示的,然后发现了这个宝石.

Tools→交通Internet Options→交通Advanced→交通MultiMedia→交通Play animations in webpages

希望这可以帮助.