Question

html 中想通过下拉框选择，来变换页面上的图片

<table width="730" border="1">
<tr>
<td width="50%" rowspan="2"><img name="face" /></td>
<td width="25%" height="100"><img name="face" src="" style="width:100px;height:100px;"></td>
<td width="25%"><img name="face4" src="" style="width:100px;height:100px;"></td>
</tr>
<tr>
<td width="25%"><img name="face2" src="" style="width:100px;height:100px;"></td>
<td width="25%"><img name="face3" src="" style="width:100px;height:100px;"></td></tr>
</table><select name="face" size="1" onChange="document.face.src=options[selectedIndex].value">

<option value="img/1111.jpg">头像1</option>
<option value="img/2222.jpg">头像1</option>
</select>

按照上面的这段代码，只能实现一个图片的变换，我想实现的是，下拉框选一个只，可以五张图片一起变换，有高手会吗？？？

Answer 1

css好像就可以解决吧 在那个dw面板的行为里

Answer 2

这个得用JS解决 纯CSS做不到

追问

那此js该如何编写呢

追答

你这个上边有5张图片 你是打算替换掉哪张？

追问

就是每换一个下拉框的选项，上面五张图片都能统一的换一批