Question

如何用js实现“点击多张图片，在一个表格里轮流显示”

页面上方有4张图，下方有一个表格。要求点击任一张图时，图片就显示在表格里，点另外图时，表格里的图片也换成另外的图片，请问如何实现？

Answer 1

<table align="center" border="1"><tr><td><img src="0.gif" width="50" height="100" onclick="showpic(this)"></td><td><img

src="1.gif" width="50" height="100" onclick="showpic(this)"></td></tr><tr><td><img src="2.gif" width="50" height="100"

onclick="showpic(this)"></td><td><img src="3.gif" width="50" height="100" onclick="showpic(this)"></td></tr></table>
<table align="center" border="1" width="200" height="400"><tr><td><div id="myimg" align="center" >

</div></td></tr></table>
<script language="javascript">
function showpic(pic){
myimg.innerHTML="<img src='" + pic.src + "'width='200' height='400'>";

}
</script>