<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>auto_image.html</title>
<script type="text/javascript">
setInterval("loadImage()", 2000);
var images = ['01.jpg', '02.jpg', '03.jpg', '04.jpg', '05.jpg'];
var i = 0;
function loadImage(){
i++;
if(i == 5){
i = 0;
}
var oImage = document.getElementById('image');
var oLabel = document.getElementsById('info');
oImage.src = './images/' + images[i];
oLabel.innerText = images[i];
</script>
</head>
<body>
当前图像名: <label id="info"></label><p/>
<img src="./images/01.jpg" id="image" width="320" height="240" />
<script type="text/javascript">
var oLabel = document.getElementById('info');
oLabel.innerText = images[i];
</script>
</body>
</html>
为什么图片还是没有自动转换呢~
<html>
<head>
<title>auto_image.html</title>
<script type="text/javascript">
setInterval("loadImage()", 2000);
var images = ['01.jpg', '02.jpg', '03.jpg', '04.jpg', '05.jpg'];
var i = 0;
function loadImage(){
i++;
if(i == 5){
i = 0;
}
var oImage = document.getElementById('image');
var oLabel = document.getElementsById('info');
oImage.src = './images/' + images[i];
oLabel.innerText = images[i];
</script>
</head>
<body>
当前图像名: <label id="info"></label><p/>
<img src="./images/01.jpg" id="image" width="320" height="240" />
<script type="text/javascript">
var oLabel = document.getElementById('info');
oLabel.innerText = images[i];
</script>
</body>
</html>
为什么图片还是没有自动转换呢~
解决方案 »
- wap2.0 一个input框输入数字其他input框也出现相同数字
- 求教:jsp网站中,初始化全局系统变量如何处理较好?
- jsp中对数据库的操作
- 求JSF1.1的帮助文档下载地址
- 求助:如何让tomcat的console不会关闭?
- win2000下tomcat+apache配置求助
- 求捉虫!JS跨页面传参失败!
- 能否让其中一个框架中的内容浮在另一个框架的上面
- 如何在tomcat中使用JavaBean啊?
- 怎么将webservice从tomcat中迁出,直接使用Java Main函数运行?
- jsp连接oracle 10g问题
- jsp new Date().getTime()和php的date之间差值?
i++;
if(i == 5){
i = 0;
}
var oImage = document.getElementById('image');
var oLabel = document.getElementsById('info');
oImage.src = './images/' + images[i];
oLabel.innerText = images[i];
}
你丢了个大括号吧
../images/01.jpg
如果使用相对路径的话./images/01.jpg需要在加一个点../images/01.jsp
如果还不出来,用绝对路径试一下,如果还不出来,说明你的程序有问题,重新检查
-->
var oLabel = document.getElementById('info');
<html>
<head>
<title>auto_image.html </title>
<script type="text/javascript">
setInterval(loadImage, 1000);
var images = ['01.jpg', '02.jpg', '03.jpg', '04.jpg', '05.jpg'];
var i = 0;
function loadImage(){
i++;
if(i == 5){
i = 0;
} var oImage = document.getElementById('image');
var oLabel = document.getElementById('info');
oImage.src = images[i];
oLabel.innerText = images[i];
}
</script>
</head>
<body>
currentname: <label id="info"> </label> <p/>
<img src="01.jpg" id="image" width="320" height="240" />
<script type="text/javascript">
var oLabel = document.getElementById('info');
oLabel.innerText = images[i];
</script>
</body>
</html>
正确的哦,看看我改的。