Question

我有一个动画gif，让用户知道页面正在加载。 GIF没有在IE7中制作动画。经过一些故障排除后，我知道问题可能是由

引起的

预加载事件加载图片身体标签（不是这种情况）。
IE 在工具中设置＆gt;互联网选项＆gt; 高级标签＆gt; <多媒体部分> “在网页中播放动画*”应该被检查。检查

GIF仍然没有动画。我创建了一个网页。

这在IE7中动画：

<div>
    <img src="images/ajax-loader.gif" alt="Loading..." />
</div>

<小时/> 这在IE7

中执行不动画

的jQuery

                $('.searchButton').click(function () {
                    $("#divLineItemComments").dialog("open");
                });

ASP.NET

<asp:Button ID="searchBtn" Text="Search" class="search_btn searchButton" 
                                    runat="server" onclick="searchBtn_Click"  />

            <div id="divLineItemComments" style="display:none;clear:both;text-align:center;">
                <div>                    
                    <img src="images/ajax-loader.gif" alt="Loading..." />
                </div>
            </div>

ASP.NET代码

protected void searchBtn_Click(object sender, EventArgs e)
{
    Thread.Sleep(2000);//simulate work
    Response.Redirect("Animate.aspx");//redirect back to current page to complete POST
}

<小时/> 完全删除对话代码而不是使用div.Show（）也会失败

                $('.searchButton').click(function () {
                    $("#divLineItemComments").show();
                });

所以这告诉我问题最有可能是jQuery。问题出现在IE7中，而不是firefox 4.我该如何解决？也许jQuery在后台预加载图片......我不知道......？

Answer 1

尝试在显示容器div时强制浏览器绘制图像。在这里，您最初将在div中编写占位符图像，但在单击搜索按钮后将使用JS交换其源属性。

<div id="imageContainer">
    <img id="loadingImage" src="images/clear.gif" alt="Loading..." />
</div>

$('.searchButton').click(function () {
  $('#loadingImage').attr('src','images/ajax-loader.gif');
});

Answer 2

没有任何作用。我尝试了多种解决方法。关于SO的类似问题，如果您需要POST，答案不起作用。起初我没有注意到，但是当POST开始时，IE会停止所有动画（包括我说的工作）。将所有内容转换为ajax请求是不切实际的。

我在Animated GIF in IE stopping同意AnthonyWJones并与

一同前往

Ø无解决方案

jQuery - IE7没有为模态对话中的gif制作动画

2 个答案: