<table cellSpacing="0" cellPadding="0" width="40%" align="center" border=1>
<tr>
<td align=center><img src="1.gif" id="img1" style="cursor:hand" onclick="document.all.img3.src=this.src"></td>
<td align=center><img src="1.gif" id="img2" style="cursor:hand" onclick="document.all.img3.src=this.src"></td></tr>
<tr>
<td colspan=2 align=center><img src="1.gif" id="img3" height=100 width=100></td></tr>
</table>
<tr>
<td align=center><img src="1.gif" id="img1" style="cursor:hand" onclick="document.all.img3.src=this.src"></td>
<td align=center><img src="1.gif" id="img2" style="cursor:hand" onclick="document.all.img3.src=this.src"></td></tr>
<tr>
<td colspan=2 align=center><img src="1.gif" id="img3" height=100 width=100></td></tr>
</table>
<td id="t1" onclick="showImg(1)">img1</td>
<td id="t2" onclick="showImg(2)">img2</td>
</tr>function shouImg(v){
if(v==1)
dialogWindow(...\t1.gif,460, 220, "")
else
dialogWindow(...\t2.gif,460, 220, "")
return ;
}
<tr> onclick="this.src=document.all.img1.src"
<td align=center><img src="c:\11.jpg" width=100 id="img1" style="cursor:hand" onclick="this.src=document.all.img2.src"></td>
<td align=center><img src="f:\ÑùÆ·.jpg" width=100 height=100 id="img2" style="cursor:hand" onclick=this.src='c:/11.jpg'></td></tr>
<tr>
<td colspan=2 align=center><img src="1.gif" id="img3" height=100 width=100 disabled="false"></td></tr>
</table>完全能实现你的功能!!!
对应的大图显示在当前表格的同一单元格内。
当点击 id="img1" 时,它对应的大图显示在单元格 id="img3" 中。
当点击 id="img2" 时,它对应的大图同样也显示在单元格 id="img3" 中。
<tr>
<td align=center><img src="1.gif" id="img1" style="cursor:hand" onclick="showImage(1)"></td>
<td align=center><img src="1.gif" id="img2" style="cursor:hand" onclick="showImage(2)"></td></tr>
<tr>
<td colspan=2 align=center><img src="1.gif" id="img3" height=100 width=100></td></tr>
</table>
<script language="javascript">
function showImage(obj)
{
if(obj=='1')
document.all("img3").src='xxx.jpg';
else if(obj=='2')
document.all("img3").src='yyy.jpg'; }
</script>
问题解决了,非常感谢!