标题:[求助]我想用html+javascript动态改变页面中的图片,为何无效
只看楼主
田里兵蜂
Rank: 1
等 级:新手上路
威 望:2
帖 子:604
专家分:0
注 册:2007-1-29
 问题点数:0 回复次数:5 
[求助]我想用html+javascript动态改变页面中的图片,为何无效

<html>
<img name=oImage>
<script language="javascript">
var oImage;
var i=1;
oImage = new Image()
document.images.oImage.src="image/1.jpg"
function dispImg(){
i+=1;
if (i>12)
i=1;
alert("image/"+i+".jpg");
document.images.oimage.src="image/8.jpg";
}
</script>

<br><input type="button" name="next" value="下一步" onclick="dispImg()">
</html>

路径是对了,但就是不改变效果
难道只能在HTML文件加载时改变oimage.src的属性才起作用,加载完后无效?

搜索更多相关主题的帖子: javascript 动态 html oImage 
2007-08-13 09:12
田里兵蜂
Rank: 1
等 级:新手上路
威 望:2
帖 子:604
专家分:0
注 册:2007-1-29
得分:0 
我又测试一下,发现不调用函数
直接用
onclick=document.images.oImage.src="image/"+i+".jpg"
可以改变,说明加载后一样可以改变图片,但为什么
我把这条语句放在函数里就执行无效呢
2007-08-13 09:19
田里兵蜂
Rank: 1
等 级:新手上路
威 望:2
帖 子:604
专家分:0
注 册:2007-1-29
得分:0 



<html>
<img name=oImage>
<script language="javascript">
var oImage;
var i=1;
oImage = new Image()
document.images.oImage.src="image/1.jpg"
function dispImg(){
i+=1;
if (i>12)
i=1;
document.images.oImage.src="image/"+i+".jpg";
}
</script>

<center><br><input type="button" name="next" value="下一步" onclick="dispImg()">
</html>
用这代码,又生效了,不知道咋回事

2007-08-13 09:26
ibmsun
Rank: 1
等 级:新手上路
帖 子:8
专家分:0
注 册:2007-8-9
得分:0 

你在第一段代码里面
document.images.oimage.src="image/8.jpg";
不是把路径都定死了,没有循环,怎么可能变化

2007-08-14 08:28
lmhllr
Rank: 8Rank: 8
等 级:贵宾
威 望:44
帖 子:1504
专家分:42
注 册:2005-5-12
得分:0 
什么啊。。可以的。。。

是因为你写错了

document.images.oimage.src="image/8.jpg";

oImage JS是区分大小写的。。。i应该是大写I
2007-08-14 10:12
jmasm
Rank: 1
等 级:新手上路
威 望:1
帖 子:368
专家分:0
注 册:2006-9-24
得分:0 
谢谢大家,解决了
2007-08-14 11:09



参与讨论请移步原网站贴子:https://bbs.bccn.net/thread-162237-1-1.html




关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.069341 second(s), 7 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved