如何制作简单的动态幻灯片/游戏中时光倒流

时间:2011-09-25 16:32:47

标签: php javascript html

我有一个文件夹,每次X时都会从网络摄像头保存图像。

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

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

这样做的任何建议和代码? JavaScript的? PHP?或其他人?

感谢名单!

2 个答案:

答案 0 :(得分:1)

这是我发现的最好的方式:简单快速

<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>

答案 1 :(得分:0)

让您的PHP脚本在标题中发送meta refresh标记,以便在所需时间后重新加载包含最新图像的页面。

注意:有更好的,更像AJAX的方法,但这是最简单的方法。使用AJAX重新加载图像而不是整个页面将更难写,但更好的用户体验。