Javascript 控制加载和播放动画GIF的时间

我有一张幻灯片，里面有许多动画GIF。每张幻灯片都包含一个动画gif

我试图达到的效果是让动画GIF按照我在photoshop中创建的时间线播放，从第一帧到最后一帧

我的问题是，动画GIF将从时间线的中间开始，而不是从活动和视图中的第一帧开始。我想可能是装货时间的原因吧？我已经尝试增加每张幻灯片的第一帧和最后一帧的时间，但没有效果

---

是否有一种方法可以控制在视图中加载和播放动画GIF的时间？这是需要在javascript或jQuery中完成的事情吗

在我看来，

CSS精灵

将为您的动画提供更好的支持。最重要的是你需要控制动画

因为你无法控制动画GIF。你们不能启动它们，也不能阻止它们，它们唯一要做的就是在加载后立即设置动画

另一方面，使用精灵，可以控制动画。最重要的是，您可以启动、停止和响应浏览器事件，并在动画中平移

作为参考，您可以看到

googledoodles

，它只在您单击它们时激活

对于活动参考，您可以查看可能会激发您使用CSS精灵的博客

https://itnext.io/creating-css-animations-using-sprite-sheet-47e2b7a3793c

再说一遍，这是唯一的意见。您可以决定使用哪个动画