Question

我一直在网上搜索一个JavaScript，它允许我在HTML页面上45秒后将一个GIF图像更改为另一个GIF图像。我找到了预加载图像，翻转脚本，多个图像幻灯片放映类型脚本以及其他一些脚本的脚本。它们都不符合我的特定需求。

我即将创建一个包含嵌入图像和声音的网页。我有一个MP4视频，我需要大约45秒才能在打开页面上转换为动画GIF一次。我还有一个大约20帧（在一个循环中）的动画GIF，约为视频的最后45秒。

基于将45秒视频转换为动画GIF的能力，这就是我需要发生的事情。视频剪辑是带壁炉的墙。然后相机放大壁炉里燃烧的火焰。由于我混合了火焰图像，如果火焰在图像切换时不匹配，我认为没有理由担心。

除了前面提到的，我希望切换尽可能无缝（没有任何暂停或退出）。我想如果我将计时器设置为大约35或40秒，我就不会冒这个风险。目前的动画GIF是燃烧火焰的一部分。我希望第一部分播放一次，最后一部分无限重复播放。这是唯一的方法

我想不出任何其他方式允许图像无限期地继续，不会耗尽用户的系统资源和任何类型的视频循环的极长的加载时间。如果45秒的GIF文件太大而无法实现，我需要一个脚本从MP4切换到GIF。

您可以提供的任何详细的Java脚本或建议都将非常有用和赞赏。

谢谢。

乔

Answer 1

  var arrayOfImages = ['1.png', '2.png']; //where do the images come from
  x = 0;
  window.setInterval(function(){
      $('#img').attr("src", arrayOfImages[x]); //change the image to 1 from the array with index x
      x++;
  }, 40000); //intervaltime

我需要一个能在45秒后自动将一个GIF图像更改为另一个OnOpen的JavaScript

1 个答案: