javascript在html页面上完成之前的简单文本消息或图像_Javascript_Html

javascript在html页面上完成之前的简单文本消息或图像

javascript html

javascript在html页面上完成之前的简单文本消息或图像,javascript,html,Javascript,Html,我有一个简单的HTML页面，它在加载时运行一个javascript代码，对大量图像进行预加载。加载所有图像后，java脚本将显示结果：使用图像制作一个简单的timelapse/slideshow：这就是代码： <HTML> <HEAD> <TITLE>Video</TITLE> </HEAD> <BODY BGCOLOR="#000000"> <img name="foto"> <SCRIPT LANG

我有一个简单的HTML页面，它在加载时运行一个javascript代码，对大量图像进行预加载。加载所有图像后，java脚本将显示结果：使用图像制作一个简单的timelapse/slideshow：

这就是代码：

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

我的问题是：如何在脚本结束前放置一个可以显示的图像？有办法吗？是否可以在页面的某个位置打印脚本中加载的当前图像数？塔克斯

另外，我所有的测试都没有给我任何积极的反馈：我放在html页面上的每一件东西都会在脚本结束后显示…

当图像实际完全加载时，您需要注册一个事件。我相信jquery支持这一点

在onLoad事件中启动代码，并将src添加到空图像标记中：

<img name="foto" src="/images/image0.jpg">

这将在最后加载image0

<HTML>
<HEAD>
<TITLE>Video</TITLE>
</HEAD>
<BODY  BGCOLOR="#000000" onLoad="preload()">
<img name="foto">
<SCRIPT LANGUAGE="JavaScript">
preLoad[i] = new Image();

function preload() {
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].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>

要添加计数器，请在主循环中使用i值向文档中写入一个字符串，例如..

看看这个：java和javascript非常不同，但是如果我只需要在脚本结束前显示一个图像（如背景）呢？我怎么做？当我在浏览器上加载页面时，如果它没有完全加载，我什么也看不见：-不工作…这是主要问题…当我在浏览器上加载页面时，如果它没有完全加载，我什么也看不见。我怎样才能解决这个问题？塔克斯！已编辑：将所有代码更新调用放入onLoad事件中：