JS控制图片显示问题

Question

请问，我左边有一个列表框绑定了一个表单的小图片，右边有一个大框，当鼠标移动到左边哪个小图片上，右边大框显示相应小图的大图片。如何实现？

Answer 1

<script>
function showBig(bigsrc)
{
    var bigImg = document.createElement("IMG");
    bigImg.src=bigsrc;
var digDiv = document.getElementById("bigDiv");
    digDiv.innerHTML="";
    digDiv.appendChild(bigImg);
}
</script>
<table>
<tr>
<td><img src="small.gif" onmouseover="showBig('big.gif');"></td><td><div id="bigDIV"></div></td>
</tr>
</table>

Answer 2

可以给DIV加个红边;<script>
function showBig(bigsrc)
{
    var bigImg = document.createElement("IMG");
    bigImg.src=bigsrc;
var digDiv = document.getElementById("bigDiv");
    digDiv.innerHTML="";
    digDiv.appendChild(bigImg);
}
</script>
<table>
<tr>
<td><img src="small.gif" onmouseover="showBig('big.gif');"></td><td><div id="bigDIV" style="border-style:solid;border-width:1pt; border-color:red;height:200px;width:200px;"></div></td>
</tr>
</table>

Answer 3

这个，我想可以用JS来进行控制的，要是要从服务器端找到大图的话，用AJAX