Question

当您将鼠标悬停在它上面时是否可以启动.gif动画，并且当您不将鼠标悬停在它上面时暂停它？我不想在停止悬停图像时将图像重置为动画的开头。

编辑：感谢您的帮助，但没有任何工作像我想要的那样。我找到的最佳解决方案是：

HTML：

<img id="gif1" src="static1.jpg">

JS：

$("#gif1").hover(
    function() {
        $(this).attr("src", "animate1.gif");
    },
    function() {
        $(this).attr("src", "static1.jpg");
    }                         
);

所以，只是重置东西。

Answer 1

一种可能的解决方案是使用两张图像，一张静止图片和一张GIF动画。然后，在悬停时更改src（如此处所示：https://stackoverflow.com/a/5818049/1845408）。

还有插件，您可以将其用于此目的：https://github.com/chrisantonellis/freezeframe

我想这个插件应用了上面描述的逻辑，就更好了。

但是，如果你真的想要暂停动画，你可能需要拥有构建动画的图像集，并在鼠标悬停时以预设顺序移动图像，并在鼠标移出时暂停并记录最后一个图像已暂停。这是在此处实施的：https://stackoverflow.com/a/20644622/1845408 Click for DEMO

是否可以暂停.gif图像？

1 个答案: