新微赢技术网

标题: [求助]图片动态显示问题 [打印本页]

作者: 爱随缘 时间: 2010-1-8 07:22
标题: [求助]图片动态显示问题
图片动态显示问题

我做了一个就是注册用户是动态显示图片的程序，可是运行结果确实只有一个图片显示了，就是那个默认的图片，别的图片都不显示，请高手指教啊，代码如下：<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>

作者: 芯頽廢.。﹖ 时间: 2010-1-8 07:22
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";
}

作者: 没心没肺 时间: 2010-1-8 07:22
郁闷的要死啊，怎么一会可以动态显示，一会就又成了一个图片不会动了，这到底是怎么了啊？

作者: 藤蘿下的陽光 时间: 2010-1-8 07:22
我按你说的改了，可是还是只显示默认的那个，选择没有什么效果啊！郁闷！

作者: Оo水流影在. 时间: 2010-1-8 07:22
这里错误：

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是区分大小写的，请注意代码书写！

作者: 紫禁之颠 时间: 2010-1-8 07:22
哈哈，可以了，可能就像你说的，我把大小写没有区分好！谢谢

作者: Forever紫月 时间: 2010-1-8 07:22
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>

作者: ☆独吻☆ 时间: 2010-1-8 07:22
你不会继续往下面添加头像吗？

又没有限制数量

作者: ︶ㄣ风飄零ヤ 时间: 2010-1-8 07:22
ls要是这样改的话，那不就成了都是男的头像，没有女的了啊！

作者: 黒設會 时间: 2010-1-8 07:22
郁闷，按你说的方法也不可以啊，怎么回师啊，我看别人这样的用的就可以啊？

欢迎光临新微赢技术网 (http://bbs.weiying.cn/)