87,907
社区成员
发帖
与我相关
我的任务
分享javascript 图像自动转换问题，请大牛赐教~
<!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>
为什么图片还是没能自动转换我用的是世界之窗浏览器~应该没关系吧~
...全文
请发表友善的回复…
发表回复
Inpool 2010-01-24
- 打赏
- 举报
setInterval("loadImage()", 2000); => setInterval(loadImage,2000);
var oLabel = document.getElementsById('info'); =>
var oLabel = document.getElementById('info');
var oLabel = document.getElementsById('info'); =>
var oLabel = document.getElementById('info');
Inpool 2010-01-24
- 打赏
- 举报
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>auto_image.html </title>
</head>
<body>
当前图像名: <label id="info"> </label> <p/>
<img src="images/a.jpg" id="image" width="320" height="240" />
<script type="text/javascript">
var images = ['a.jpg', 'b.jpg'];
var i = 0;
var oLabel = document.getElementById('info');
var oImage = document.getElementById('image');
function loadImage(){
i++;
if(i == 2)
i = 0;
oImage.src = 'images/' + images[i];
oLabel.innerText = images[i];
}
window.onload=function(){
oImage.src = "images/" + images[i]
oLabel.innerText = images[i];
setInterval(loadImage, 2000);
}
</script>
</body>
</html>
