在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; }
提醒一下:一般是鼠标单击图片触发的,而不是鼠标移上去就触发。