我需要一个JavaScript,它可以在45秒后自动将一个GIF图像更改为另一个OnOpen
I need a JavaScript that will automatically change one GIF image to another OnOpen, one time, after 45 seconds
我一直在网络上搜索一个JavaScript,它可以让我在HTML页面上45秒后将一个GIF图像更改为另一个GIF图像。我找到了用于预加载图像、翻转脚本、多个图像幻灯片类型脚本以及其他一些脚本的脚本。它们都不符合我的具体需求。
我即将创建一个带有嵌入式图像和声音的网页。我有一个 MP4 视频,我需要大约 45 秒才能在页面打开时一次性转换为动画 GIF。我还有一个大约 20 帧(循环(的动画 GIF,大约是视频的最后 45 秒。
基于将 45 秒的视频转换为动画 GIF 的能力,这就是我需要发生的事情。视频剪辑是一面带壁炉的墙。然后,摄像机放大到壁炉中燃烧的火。由于我正在混合火焰的图像,因此我认为没有任何理由担心火焰在图像切换时不匹配。
除了前面提到的,我希望开关尽可能无缝(没有任何暂停或退出(。我想,如果我把计时器设置为大约 35 或 40 秒,我就不会冒这个风险。当前的动画GIF是燃烧火焰的一部分。我希望第一部分播放一次,最后一部分无限期重复。这是唯一的方法
我想不出任何其他方法可以让图像无限期地继续下去,而不会耗尽用户系统资源和任何类型的视频循环的极长加载时间。如果 45 秒的 GIF 文件太大或不切实际,我将需要一个脚本从 MP4 切换到 GIF。
您可以提供的任何详细的 Java 脚本或建议都将非常有帮助和赞赏。
谢谢。
乔
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
相关文章:
- 如何在鼠标悬停时在另一个图像上滑动图像.
- 如何将多个画布保存为一个图像
- 是否可以仅通过jQuery将图像替换为用户动态选择的另一个图像
- Javascript/jQuery压缩一个图像正确的评论帖子,并使用Ajax Laravel 5.2保存到控制器中
- 如何在设定的时间间隔内一次只显示一个图像
- 循环以检查数组中的最后一个图像
- 下载Div&画布为一个图像
- 当页面包含指向一个图像的多个链接时,fancyBox会复制缩略图辅助图像
- 在引导程序旋转木马中显示下一个图像
- 拉斐尔用一个图像填满了这个圆圈
- 将多个重叠的透明图像保存为一个图像
- 我怎么能把它做成这样一个图像就不能拖动了
- 普通JS:使80%宽度元素100%IF包含一个图像
- 当滑块只有一个图像时,如何禁用下一个/上一个按钮
- 如何使用onclick事件点击一个图像,并让它更改同一网页上的另一个图像
- 将多个画布保存为一个图像(使网站像PicFrame一样)
- 在 JavaScript 中将一个.PNG图像拖放到另一个图像上
- 如何在CSS中修复与另一个图像进行比较的图像
- 只有一个图像被绘制到画布上
- 使用 jQuery 在最后一个图像之后附加 HTML