可能重复:
以编程方式停止 GIF 动画
当我打开一个带有动画 GIF 的页面,并且该选项卡在窗口中处于活动状态时,它会占用 CPU。
我想知道是否有一种方法可以标记 HTML,以便 GIF 将播放指定的时间或循环次数。
或者也许我最好使用静态图像并将其源设置为悬停时的 GIF(我相信大多数移动浏览器通过允许在点击时设置悬停来修补)。
可能重复:
以编程方式停止 GIF 动画
当我打开一个带有动画 GIF 的页面,并且该选项卡在窗口中处于活动状态时,它会占用 CPU。
我想知道是否有一种方法可以标记 HTML,以便 GIF 将播放指定的时间或循环次数。
或者也许我最好使用静态图像并将其源设置为悬停时的 GIF(我相信大多数移动浏览器通过允许在点击时设置悬停来修补)。
我使用 Fireworks 制作动画 gif,您可以从 Fireworks 中调整这些设置,而无需对 html 进行任何操作。
我不相信 HTML 或 DOM 提供对 GIF 动画的任何控制,但您可以通过图像生成工具对循环次数进行有限的控制。
例如,在 Photoshop 中:
IE9 和 Chrome 尊重循环计数;我想所有的浏览器都会这样做,尽管我在规范中找不到关于循环应该如何表现的提及。
如果您无法修改图像,或者想在不同时间停止它们,也许只需使用一点 JavaScript 将动画 GIF 替换为静态 GIF。