标题:[求助]图片动态显示问题
只看楼主
威龙嘉少
Rank: 1
等 级:新手上路
帖 子:205
专家分:0
注 册:2007-9-24
 问题点数:0 回复次数:9 
[求助]图片动态显示问题

图片动态显示问题


我做了一个就是注册用户是动态显示图片的程序,可是运行结果确实只有一个图片显示了,就是那个默认的图片,别的图片都不显示,请高手指教啊,代码如下:<script language="javascript">
function showimage()
{
document.images.tus.src="face/"+document.form.p1.options[document.form.p1.selectedindex].value+""+document.form.p2.options[document.form.p2.selectedindex].value+".gif";
}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>

<body>
<label></label>
<form id="form2" name="form2" method="post" action="">
<label></label>
<label>
<select name="p1" size="1" onchange="showimage()">
<option value="m" selected="selected">男</option>
<option value="w">女</option>
</select>
</label>
<label>
<select name="p2" size="1" onchange="showimage()">
<option value="01" selected="selected">酷象1</option>
<option value="02">酷象2</option>
<option value="03">酷象3</option>
<option value="04">酷象4</option>
</select>
</label>
<img src="face/m01.gif" name="tus" alt="请选择上面的“性别”和“表情”更换头像" align="left">
</form>

搜索更多相关主题的帖子: 图片动态 document script form 
2007-09-28 20:20
yms123
Rank: 16Rank: 16Rank: 16Rank: 16
等 级:版主
威 望:209
帖 子:12488
专家分:19042
注 册:2004-7-17
得分:0 
document.images.tus.src换成this.tus.src或者最保险的方法
<img src="face/m01.gif" id="tus" alt="请选择上面的“性别”和“表情”更换头像" align="left">
function showimage()
{
var tusA=document.getElementById("tus");
tusA.src="face/"+document.form.p1.options[document.form.p1.selectedindex].value+""+document.form.p2.options[document.form.p2.selectedindex].value+".gif";
}
2007-09-28 21:59
威龙嘉少
Rank: 1
等 级:新手上路
帖 子:205
专家分:0
注 册:2007-9-24
得分:0 

郁闷,按你说的方法也不可以啊,怎么回师啊,我看别人这样的用的就可以啊?

2007-09-28 22:25
天涯听雨
Rank: 2
来 自:东莞
等 级:论坛游民
威 望:4
帖 子:497
专家分:64
注 册:2007-8-25
得分:0 

onchange="showimage()"

改为:

onChange="tus.src=p1.value"

---------------------------------------------------------------------------

<option value="01" selected="selected">酷象1</option>
<option value="02">酷象2</option>
<option value="03">酷象3</option>
<option value="04">酷象4</option>

改为:

<option value="face/m01.gif" selected="selected">酷象1</option>
<option value="face/m02.gif">酷象2</option>
<option value="face/m03.gif">酷象3</option>
<option value="face/m04.gif">酷象4</option>


从明天起做幸福的人,喂马劈柴周游世界!
2007-09-28 23:11
威龙嘉少
Rank: 1
等 级:新手上路
帖 子:205
专家分:0
注 册:2007-9-24
得分:0 
ls要是这样改的话,那不就成了都是男的头像,没有女的了啊!
2007-10-04 10:21
天涯听雨
Rank: 2
来 自:东莞
等 级:论坛游民
威 望:4
帖 子:497
专家分:64
注 册:2007-8-25
得分:0 
你不会继续往下面添加头像吗?

又没有限制数量

从明天起做幸福的人,喂马劈柴周游世界!
2007-10-04 11:33
tianyu123
Rank: 1
等 级:新手上路
威 望:2
帖 子:576
专家分:0
注 册:2007-8-26
得分:0 


这里错误:

function showimage()
{
document.images.tus.src="face/"+document.form.p1.options[document.form.p1.selectedindex].value+""+document.form.p2.options[document.form.p2.selectedindex].value+".gif";
}

改为:

function showimage()
{
document.images.tus.src="face/"+document.form2.p1.options[document.form2.p1.selectedIndex].value+document.form2.p2.options[document.form2.p2.selectedIndex].value+".gif";
}

注意:

你是对表单form2进行操作,那么对象便是form2。

javascript是区分大小写的,请注意代码书写!


改变一切,须从改变观念开始!
2007-10-04 22:25
威龙嘉少
Rank: 1
等 级:新手上路
帖 子:205
专家分:0
注 册:2007-9-24
得分:0 

我按你说的改了,可是还是只显示默认的那个,选择没有什么效果啊!郁闷!

2007-10-05 09:20
威龙嘉少
Rank: 1
等 级:新手上路
帖 子:205
专家分:0
注 册:2007-9-24
得分:0 
哈哈,可以了,可能就像你说的,我把大小写没有区分好!谢谢
2007-10-05 09:31
威龙嘉少
Rank: 1
等 级:新手上路
帖 子:205
专家分:0
注 册:2007-9-24
得分:0 
郁闷的要死啊,怎么一会可以动态显示,一会就又成了一个图片不会动了,这到底是怎么了啊?
2007-10-05 09:41



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




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

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