下面的这个你参考一下吧,没时间把你的那个给弄出来,自己参考着修改一下吧.这样对你也是个提高.
右边是小图,有很多,如果点 右边小图,就在左边出现 大图
<table>
<tr>
<td>
<img id="img_big" width=300 height=300 src="" />
</td>
<td>
<img width=90 height=90 onclick="showImg('1.gif')" src="1.gif" /><p>
<img width=90 height=90 onclick="showImg('2.gif')" src="2.gif" /><p>
<img width=90 height=90 onclick="showImg('3.gif')" src="3.gif" /><p>
<img width=90 height=90 onclick="showImg('4.gif')" src="4.gif" /><p>
<img width=90 height=90 onclick="showImg('5.gif')" src="5.gif" /><p>
<img width=90 height=90 onclick="showImg('6.gif')" src="6.gif" /><p>
</td>
</tr>
</table>
<script>
function showImg(imgUrl) {
document.getElementById("img_big").src=imgUrl;
}
</script>