在不重新加载图像的情况下,通过JavaScript重新启动动画GIF

9 浏览
0 Comments

在不重新加载图像的情况下,通过JavaScript重新启动动画GIF

我正在使用动画GIF创建幻灯片播放。我通过淡入淡出的方式切换动画。问题是:我发现确保GIF从第一帧开始播放的唯一方法是每次显示时重新加载它。每个GIF大约200KB,这对于连续播放的幻灯片来说是过多的带宽消耗。

以下是我当前的代码。img和nextimg是包含单个img标签的div标签。nextimg_img是要显示的下一张图片对应的img标签。

代码的思路是将下一张图片的src属性设置为空,然后再将其设置为要显示的GIF的来源。

这样可以重新开始播放动画,但是每次显示时似乎都会重新下载GIF。

编辑:这是一个循环播放的幻灯片,我想避免在第二次/第三次/以后显示时重新从网络上重新加载GIF。

0