为什么gif动画只在jQuery中播放一次？

Question

我有一个带有两个div的小页面，单击第一个div将弹出第二个div并隐藏第一个div，第二个div上有三个gif文件，动画将开始播放一次第二个div出。单击第二个div将弹出第一个div并隐藏第二个div。我想要的是，如果我再次回到第二个div，动画将再次播放，但在自动中它不会，它只是第一次。为什么？看来在jQuery中，动画只会在div加载时第一次播放，有谁知道答案？非常感谢！

Answer 1

GIF无法通过Javascript控制。据我所知，当它应该开始时它甚至是未定义的。大多数浏览器在首次加载图像时启动它。我从未见过浏览器在隐藏隐藏后重新显示图像时重新启动动画。 （如果是无限动画，则动画会在某个随机点继续播放。）

为了达到预期的效果，您可以尝试使用搜索页面上的+1按钮（当您登录时）实现与Google相同的效果。他们使用包含多个框架的单个PNG（请参阅How to create the google plus one button effect using jquery?）和JavaScript来更改background-position CSS属性以执行动画。

Answer 2

试试这个http://spritely.net/

您可以使用jquery控制动画，并且易于使用。