谁帮我看看如何改为动态的。

[piperzero]

就是这个网页的效果，改右边的那三个图（不同颜色的）让他们在大图显示就可以了。谢谢。IE存不下来的，要用FIREFOX存。
http://www.usboem.com/info.asp?id=296


<div align="center">
<center>
<table bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" height="100%" width="100%">
<tbody><tr>
<td valign="top" width="100%">
<div align="center">
<table bgcolor="#eeeeee" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody><tr>
<td align="center">
<table border="0" cellpadding="0" cellspacing="0" height="20" width="100%">
<tbody><tr>
<td class="text">
<p style="margin-left: 20px;">Home:>> 1.5" Screen MP4 Player</p>
</td>
</tr>
</tbody></table>
</td>
</tr>
<tr>
<td bgcolor="#c0c0c0" width="100%"><img src="1_files/spacer.htm" height="1" width="100%"></td>
</tr>
</tbody></table>

<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody><tr>
<td height="30">
<p class="smallcaps" style="margin-left: 120px;"><b>Model:1505CF+</b></p></td>
</tr>
</tbody></table>

<center>

<table bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody><tr>
<td width="100%">
<div align="center">
<center>
<table border="0" cellpadding="0" cellspacing="0" width="95%">
<tbody><tr>
<td valign="top">

<form name="jhform" method="post" style="margin: 0pt;">
<div align="center">
<table border="0" cellpadding="0" cellspacing="0" width="100%">

<tbody><tr id="trcpdm">
<td width="100%"><a href="#" onClick="showimg('img/705CF-1_D.jpg')"><img src="1_files/705CF-1_Z.jpg" border="0"></a></td>
</tr>

<tr id="trcpdm" style="display: none;" height="300">
<td width="100%"><img src="1_files/705CF-1_D.jpg" border="0"></td>
</tr>

<tr id="trcpdm" style="display: none;" height="300">
<td width="100%"><img src="1_files/705CF-2_D.jpg" border="0"></td>
</tr>

<tr id="trcpdm" style="display: none;" height="300">
<td width="100%"><img src="1_files/705CF-3_D.jpg" border="0"></td>
</tr>

<tr id="trcpdm" style="display: none;" height="300">
<td width="100%"><img src="1_files/705CF-4_D.jpg" border="0"></td>
</tr>

<tr id="trcpdm" style="display: none;" height="300">
<td width="100%"><img src="1_files/705CF-5_D.jpg" border="0"></td>
</tr>

<tr id="trcpdm" style="display: none;" height="300">
<td width="100%"><img src="1_files/705CF-6_D.jpg" border="0"></td>
</tr>

</tbody></table>
</div>
<input name="img" type="hidden">
<input name="id" value="296" type="hidden">
</form>
<script language="vbscript">
sub showimg(x)
window.event.returnvalue=false
jhform.img.value=x
jhform.action="Enlarge.asp"
jhform.submit()
end sub
</script>

<div align="center">
<center>
<table border="0" cellpadding="0" cellspacing="20">
<tbody><tr><td><a href="#" class="list4" onMouseOver="showimg3(1)" onMouseOut="showimg3(0)"><img src="1_files/705CF-1_C.jpg" border="0"></a></td><td><a href="#" class="list4" onMouseOver="showimg3(2)" onMouseOut="showimg3(0)"><img src="1_files/705CF-2_C_002.jpg" border="0"></a></td><td><a href="#" class="list4" onMouseOver="showimg3(3)" onMouseOut="showimg3(0)"><img src="1_files/705CF-3_C.jpg" border="0"></a></td></tr><tr><td><a href="#" class="list4" onMouseOver="showimg3(4)" onMouseOut="showimg3(0)"><img src="1_files/705CF-4_C.jpg" border="0"></a></td><td><a href="#" class="list4" onMouseOver="showimg3(5)" onMouseOut="showimg3(0)"><img src="1_files/705CF-5_C.jpg" border="0"></a></td><td><a href="#" class="list4" onMouseOver="showimg3(6)" onMouseOut="showimg3(0)"><img src="1_files/705CF-6_C.jpg" border="0"></a></td></tr>
</tbody></table>
</center>
</div>
<script language="vbscript">
sub showimg3(x)
for k=0 to 6
trcpdm(k).style.display="none"
next
x=cint(x)
trcpdm(x).style.display=""
end sub
</script>

</td>
<td class="text" valign="top" width="100%">
<div align="center">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody><tr>
<td class="text" height="250" valign="top" width="100%"><p></p><p><font face="Arial"><strong>  Feature:</strong></font></p>
<ul>
</td>
</tr>
<tr>
<td width="100%">
<table border="0" cellpadding="0" cellspacing="10">
<tbody><tr>

<td height="50" width="50"><a href="#" class="list4" onClick="showimg2('1_files/705CF-2_Z.jpg')"><img style="" src="1_files/705CF-2_C.jpg" border="0"></a></td>

<td height="50" width="50"><a href="#" class="list4" onClick="showimg2('1_files/705CF-3_Z.jpg')"><img style="" src="1_files/705CF-3_C_002.jpg" border="0"></a></td>

<td height="50" width="50"><a href="#" class="list4" onClick="showimg2('1_files/705CF-1_Z.jpg')"><img style="" src="1_files/705CF-1_C_002.jpg" border="0"></a></td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</div>
<script language="vbscript">
sub showimg2(x)
jhform.img.value=x
window.event.returnvalue=false
jhform.action="htm"
jhform.submit()
end sub
</script>
</td>
</tr>
</table>


</center></div>
</td>
</tr>
</tbody></table>
</center></div>

[piperzero]

显示的正常的，我是想要这样的效果。

[xie_yanke]

<img src="" id="s" />
<img src="" id="s1" onclick="document.getElementById('s').src = this.src;">

如果不是强制缩小:
<img src="" id="s1" bigimgsrc="../images/sss.jpg" onclick="document.getElementById('s').src = this.getAttribute('bigimgsrc');">

[wangwm]

显示好像没有问题啊