控制加载和播放动画 gif 的时间
controlling the time to load and play animated gifs
我有一张包含许多动画 gif 的幻灯片。每张幻灯片都包含一个动画 gif。
我想要达到的效果是让 gif 动画根据我在 photoshop 中创建的时间轴播放，并且从第一帧到最后一帧在视图中播放。
我的问题是动画 gif 将从时间轴的中间开始，而不是从第一帧开始，当它处于活动状态并在视图中时。我认为这可能是由于加载时间？我曾尝试增加每张幻灯片的第一帧和最后一帧的时间，但无济于事。
有没有办法控制在查看时加载和播放动画 gif 的时间？这是需要在 javascript 或 jQuery 中完成的事情吗？
在我看来，CSS Sprites 将为您提供更好的动画支持。您需要做的最重要的事情是控制动画。
因为您无法控制动画 GIF。您无法启动它们，也无法停止它们，它们唯一要做的就是在加载后立即设置动画。
另一方面，使用精灵，您可以控制动画。最重要的是，您可以开始、停止和响应浏览器事件，平移动画。
作为参考，您可以看到 Google Doodles 只有在您单击它们时才会激活。
为了积极参考，您可以查看博客，它可能会激发您使用 CSS Sprites。
https://itnext.io/creating-css-animations-using-sprite-sheet-47e2b7a3793c
同样，这只是意见。决定使用哪一个来制作动画。
我有一张包含许多动画 gif 的幻灯片。每张幻灯片都包含一个动画 gif。
我想要达到的效果是让 gif 动画根据我在 photoshop 中创建的时间轴播放，并且从第一帧到最后一帧在视图中播放。
我的问题是动画 gif 将从时间轴的中间开始，而不是从第一帧开始，当它处于活动状态并在视图中时。我认为这可能是由于加载时间？我曾尝试增加每张幻灯片的第一帧和最后一帧的时间，但无济于事。
有没有办法控制在查看时加载和播放动画 gif 的时间？这是需要在 javascript 或 jQuery 中完成的事情吗？
在我看来，CSS Sprites 将为您提供更好的动画支持。您需要做的最重要的事情是控制动画。
因为您无法控制动画 GIF。您无法启动它们，也无法停止它们，它们唯一要做的就是在加载后立即设置动画。
另一方面，使用精灵，您可以控制动画。最重要的是，您可以开始、停止和响应浏览器事件，平移动画。
作为参考，您可以看到 Google Doodles 只有在您单击它们时才会激活。
为了积极参考，您可以查看博客，它可能会激发您使用 CSS Sprites。
https://itnext.io/creating-css-animations-using-sprite-sheet-47e2b7a3793c
同样，这只是意见。决定使用哪一个来制作动画。