淘宝图片展示效果的问题

图片说明
在Freemake上能实现淘宝网的这个鼠标移到图片上,上面的图片也跟着换的功能么,如果可以需要用到什么插件,忘告知
图片说明

这csdn的编辑器太乱了,发了三次img还是没显示:
楼上的方法虽然可行但依赖jQuery,不能通用,下面我通过基本的html和js 提供通用的方法


img alt ="" src="${list.imgUrl}" height="400" width="80%" onmouseover="showImage(${list.imgUrl})"


/** 在大图的位置展与参数对应的大图  */
function showImage(smallimgURL){
  //通过自己定义的规则将小图地址转换成对应的大图URL
  var bigimgURL = smallimgURL2bigimgURL(smallimgURL);
  
  //通过大图元素的id查询html元素
  var bigimgElement= document.getElementById("bigimgElementID");
  //更改大图
  bigimgElement.src=bigimgURL;

}

提醒一下:一般是鼠标单击图片触发的,而不是鼠标移上去就触发。

这个不需要插件,就是焦点图,
http://blog.csdn.net/albert528108/article/details/35524493?locationNum=6

楼上的方法虽然可行但依赖jQuery,不能通用,下面我通过基本的html和js 提供通用的方法



/** 在大图的位置展与参数对应的大图  */
function showImage(smallimgURL){
  //通过自己定义的规则将小图地址转换成对应的大图URL
  var bigimgURL = smallimgURL2bigimgURL(smallimgURL);
  
  //通过大图元素的id查询html元素
  var bigimgElement= document.getElementById("bigimgElementID");
  //更改大图
  bigimgElement.src=bigimgURL;

}

提醒一下:一般是鼠标单击图片触发的,而不是鼠标移上去就触发。