【问题标题】:GIF not animating on page loadGIF 在页面加载时没有动画
【发布时间】:2014-08-27 00:53:30
【问题描述】:

我正在尝试创建一个显示徽标动画 (.gif) 和进入网站的按钮的启动页面(我知道,我试图说服他不要这样做)。到目前为止,我有一个包含图像的div,但是,图像并没有像人们期望的那样动画。令人惊讶的是,图像每次在 Internet Explorer 中都会生成动画。我该如何解决这个问题?

我曾尝试在页面加载后使用 jQuery 注入图像,但无济于事。

$(document).ready(function() {
    $("#splash").append("<img src='img/logo_splash.gif'>");
})

【问题讨论】:

  • 你说它在 IE 中动画。什么浏览器不支持动画?
  • 除 IE 外的所有其他浏览器。 Chrome、Firefox、Opera。
  • 你能在小提琴中重现它吗?
  • jsfiddle.net/Pjcst 由于某种原因它在这里工作。
  • 你试过我的解决方案了吗?

标签: jquery html css animation gif


【解决方案1】:

尝试在您的 GIF 网址中附加一个随机数。 Chrome 和 Firefox 会阻止 GIF 多次播放。

$(document).ready(function() {
    $("#splash").append("<img src='img/logo_splash.gif?"+ Math.random() + "'/>");
})

【讨论】:

  • 图片根本加载不出来。
  • 完美无瑕!它正在工作。知道为什么浏览器会阻止 GIF 播放不止一次吗?
  • 是的,因为它们很烦人 :-)
  • @Rafay:您能否分享一下您运行 gif 的最终代码。我在尝试在 Safari 中加载 GIF 时遇到了类似的问题 (link)。
猜你喜欢
  • 2011-08-15
  • 2010-12-05
  • 2010-11-21
  • 2015-03-29
  • 2011-06-24
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多