如何制作一个简单的动态幻灯片/延时

How to make a simple dynamic slideshow/timelapse

本文关键字：动态 幻灯片 延时 简单 一个 何制作      更新时间：2023-09-26

我有一个文件夹，里面保存了每X次摄像头拍摄的图像。

我想用这些图像来创建一个没有过渡效果或音乐的幻灯片=>我想制作一个时间表!

这些幻灯片必须是动态的(我可以使用php构建图像列表，每次用户想要观看"视频")。

有什么建议和代码吗?Javascript ?Php吗?或其他?

谢谢!

这是我发现的最好的方法:简单快捷

<HTML>
<HEAD>
<TITLE>Video</TITLE>
</HEAD>
<BODY  BGCOLOR="#000000">
<img name="foto">
<SCRIPT LANGUAGE="JavaScript">
var Pic = new Array();
Pic[0] = '/images/image1.jpg'
Pic[1] = '/images/image2.jpg'
Pic[2] = '/images/image3.jpg'
//this part in real code is replaced with a PHP script that print image location dinamically
var t;
var j = 0;
var p = Pic.length;
var preLoad = new Array();
for (i = 0; i < p; i++) {
preLoad[i] = new Image();
preLoad[i].src = Pic[i];
}
//all images are loaded on client
index = 0;
function update(){
if (preLoad[index]!= null){
document.images['foto'].src = preLoad[index].src;
index++;
setTimeout(update, 1000);
}
}
update();
</script>
</BODY>
</HTML>

让PHP脚本在标题中发送一个元刷新标签，以便在所需时间后用最新图像重新加载页面。

注意:有更好的、更像ajax的方法可以做到这一点，但这是最简单的。使用AJAX只重新加载图像而不是整个页面会更难编写，但会提供更好的用户体验。

相关文章：