javascript - 控制加载和播放动画 gif 的时间

我有一张带有许多动画 GIF 的幻灯片。每张幻灯片都包含一个动画 gif。

我想要达到的效果是根据我在 Photoshop 中创建的时间线以及从第一帧到最后一帧在视图中播放动画 gif。

我的问题是动画 gif 将从时间线的中间开始，而不是从处于活动状态且可见的第一帧开始。我认为这可能是由于加载时间？我尝试增加每张幻灯片的第一帧和最后一帧的时间，但无济于事。

有没有办法控制在视图中加载和播放动画 gif 的时间？它是需要在 javascript 或 jQuery 中完成的吗？

标签： javascriptjquerycssphotoshopanimated-gif

从我的角度来看，CSS Sprites这将为您提供更好的动画支持。您需要的最重要的事情是控制动画。

因为您无法控制动画 GIF。您无法启动它们，也无法停止它们，它们唯一要做的就是在加载后立即进行动画处理。

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

作为参考，您可以看到Google Doodles仅在您单击它们时才会激活。

对于主动参考，您可以查看可能会激发您使用 CSS Sprites 的博客。

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

同样，这只是意见。决定将哪一个用于动画。