<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移动开发鼠标图片
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);
}
}