<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>自动切换图像</title>
<script type="text/javascript">
setInterval("loadimage()",3000);
var images = ['1.jpg','2.jpg'];
var i = 0;
function loadImage()
{
i++;
if(i==2)
i = 0;
var oImage = document.getElementById('image');
var oLabel = document.getElementbyId('info');
oImange.src = './images/' + images[i];
oLabel.innerText = images[i];
}
</script>
</head>
<body>
当前的图像名: <label id="info"></label>
<p/>
<img src="./images/1.jpg" id="image" width="1280" height="1024"/>
<script type="text/javascript">
var oLabel = document.getElementById('info');
oLabel.innerText = images[i];
</script>
</body>
</html>
一个图像切换的简单玩意
就是找不到图像。。我用相对目录 和绝对目录都显示找不到文件 目录绝对没写错 文件肯定也是有的。。另外label也没有显示任何文字
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>自动切换图像</title>
<script type="text/javascript">
setInterval("loadimage()",3000);
var images = ['1.jpg','2.jpg'];
var i = 0;
function loadImage()
{
i++;
if(i==2)
i = 0;
var oImage = document.getElementById('image');
var oLabel = document.getElementbyId('info');
oImange.src = './images/' + images[i];
oLabel.innerText = images[i];
}
</script>
</head>
<body>
当前的图像名: <label id="info"></label>
<p/>
<img src="./images/1.jpg" id="image" width="1280" height="1024"/>
<script type="text/javascript">
var oLabel = document.getElementById('info');
oLabel.innerText = images[i];
</script>
</body>
</html>
一个图像切换的简单玩意
就是找不到图像。。我用相对目录 和绝对目录都显示找不到文件 目录绝对没写错 文件肯定也是有的。。另外label也没有显示任何文字
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>自动切换图像</title>
<script type="text/javascript">
setInterval("loadImage()",3000);
var images = ['2.jpg','1.jpg'];
var i = 0;function loadImage()
{
if(i>=2)
i=0;
var oImange = document.getElementById('image');
var oLabel = document.getElementById("info");
oImange.src = './images/' +images[i];
oLabel.innerHTML=images[i];
i++;
}
</script>
</head>
<body>
当前的图像名: <label id="info"></label>
<img src="./images/2.jpg" id="image" width="280"/>
</body>
</html>
图片不切换 我一开始的代码函数名写错了 那个loadimage中的I 应该是小写 但我该过来之后还是没用啊
src 里面的./ 难道有个文件夹叫.? 后退是../吧?
跟下面定义的方法名不统一,大小写的问题
----------------------------------------------------------------------------------
i++;
if(i==2)
i = 0;
个人认为你的i++应该放到方法的结尾
-----------------------------------------------------------------------------------
var oLabel = document.getElementbyId('info');
又是大小写
document.getElementById("info");
-----------------------------------------------------------------------------------
当前的图像名: <label id="info"></label>
<p/>
后面这个<p/>可以删掉吧
-----------------------------------------------------------------------------------
<script type="text/javascript">
var oLabel = document.getElementById('info');
oLabel.innerText = images[i];
</script>
这段写在这里没明白是什么意思。
感觉是个多余的东西。
oLabel.innerText = images[i];
.innerText是微软件自己搞的东西,没有遵守w3c规范,好象其它浏览器都不兼容。
建议使用.innerHTML
var oLabel = document.getElementById('info');
oLabel.innerText = images[i];
</script>这段是为了让一开始label就显示图片的名字 然后循环里i++就可以放在前面
而你写的那一段其实一开始是不显示文件名的 要等循环一遍之后才有显示
谢谢你愿意花时间纠正一个新手的一些不堪入目的错误 我正在努力中
还有一个问题想问你 我在Linux下弄java web 的话 我手上这本书说什么使用XMLHttpRequest开发web程序只能在IE上弄。。那我什么AJAX怎么学。。前辈有什么书推荐的吗