是否可以暂停.gif图像？

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 点击进行演示