鼠标移动到图片上，js如何实现大图显示

Question

<span class="jqzoom">
<img id="jqzoomImg" src="<%=goodsImagesPath%>${goodsImages[0].image_url}" width="300"
height="300" jqimg="<%=goodsImagesPath%>${goodsImages[0].thumbnail}"/> 
</span>
<c:forEach var="goodsImage" items="${goodsImages}">
<li bigimg="<%=goodsImagesPath%>${goodsImage.image_url}">
<img src="<%=goodsImagesPath%>${goodsImage.thumbnail}" width="55" height="55"
onmousemove="changjqzoom()"/>
</li>
</c:forEach>
第一段代码是显示的上面的大图，第二段是下面的小图，我想实现在下面小图上滑动鼠标的时候，上面的大图对应变化，js改怎么写啦；
我的思路是小图的onmousemove，将他的path和url传过去，让大图那位置重新解析，不知道行不行，只有思路，代码不晓得咋写，大神们，求救啊JavaScript移动开发鼠标图片

Answer 1

怎么没人啊，就是将小图的src属性设置为大图的求代码

Answer 2

var imgs = document.getElementsByTagName('img');
var bigImg = document.getElementById('jqzoomImg');
function mouseOverHandler(){
    var src = this.parentNode.getAttribute('bigimg');
    bigImg.src = src;
}
var len = imgs.length;
for(var i=0;i<len;i++){
    imgs[i].onmouseover = function(){
        mouseOverHandler.call(this);
    }
}