IE7 动画 GIF 显示为静态图像?
单击按钮在我的 Web 应用程序上启动进程后,我会显示一个小的加载 gif(动画),该 gif 会旋转以向用户指示正在发生的事情。我使用 JQuery 将 gif img 放在按钮的位置,如下所示:
$('#btn_holder').html('<img src="images/loading2.gif" style="margin-left:40px; margin-top:7px;" />');
这在所有浏览器(Firefox、IE8、Chrome)中效果都很好,除了 Windows Server 2003 上的 IE7。
在 IE 中,会显示 gif,但不是动画。 IE7怎么了?我如何测试问题是什么?
谢谢大家
After a button is clicked to start a process on my web app, I show a small loading gif (animated) that rotates to indicate to the user something is happening. I put the gif img in place of the button like this using JQuery:
$('#btn_holder').html('<img src="images/loading2.gif" style="margin-left:40px; margin-top:7px;" />');
This works great in all browsers (Firefox, IE8, Chrome) except IE7 on a windows server 2003.
In IE, the gif appears but it is not animated. What's going on with IE7? How can I test what the problem is?
Thanks all
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
也许是你的 IE7 的问题,(我以前也遇到过这种情况)
要启用 GIF 动画,请从“工具”菜单中选择“Internet 选项”,然后单击“高级”选项卡。向下滚动到“多媒体”部分,选中“播放动画”选项,然后单击“确定”。从现在开始,您应该只能看到加载的每个动画 GIF 的第一帧。
请记住,需要重新启动 IE 才能使更改生效。
除此之外,这里还有一些解决方案:IE7 的无生命 gif。
Maybe it's a problem with your IE7, (this happened to me before)
To enable animated GIFs, select "Internet Options" from the Tools menu and then click the Advanced tab. Scroll down to the Multimedia section, check the "Play Animations" option and click OK. From now on, you should only see the first frame of each animated GIF that loads.
Remember that IE will need to be restarted for the changes to take effect.
Other than that, there's a couple of solutions here: IE7's inanimate gifs.
是所有 GIF 动画都会出现这种情况还是仅由 Javascript 加载的 GIF 动画会出现这种情况?尝试访问 gif 的 url,看看它是否是动画的。如果是这样,那么为什么不将图像加载到按钮中,为什么不将其加载到 HTML 中,使用 CSS Visibility:hidden 隐藏它,然后使用 Javascript 取消隐藏它呢?
Does this happen for all animated gifs or only animated gifs loaded in by Javascript? Try going to the url for the gif and seeing if it is animated then. If it is then instead of loading the image into the button, why not load it in HTML, hide it with CSS visibility:hidden and then unhide it with Javascript?