如何让jqzoom支持动态更换放大图(jqzoom change image)

案例：

公司做的网站，在产品详细页需要实现放大镜效果，找到jqzoom后立即加上，结果发现当想实现“鼠标移到小图，放大镜中的图自动切换到对应大图”的功能时发现，简单的将a的href属性值更换后jqzoom没有自动重新获取href属性值的功能，导致预览图换了，放大镜中显示的还是最开始的图。

 

看了半天源码，同时上网搜索了一下午，仅仅在一个国外同行的blog中发现了修改方法，在经过优化后，先公布如下：

 

官方的代码：

var options = { zoomWidth: 400, zoomHeight: 300, xOffset: 5, title: false, lens: true }; $(function() { $(".jqzoom").jqzoom(options); });

 

自定义的动态更换放大图的代码（也用的jquery）：

function changeImg(imgFileName) { $(".jqZoomWindow").remove();//关键操作1 $(".jqZoomPup").remove(); //关键操作2 $("img[id=img_productMainImg]").attr("src",imgFileName); $("a[id=a_productMainImg]").unbind(); //关键操作3 $("img[id=img_productMainImg]").unbind(); //关键操作4 $("a[id=a_productMainImg]").attr("href",imgFileName).jqzoom(options); }   

 

注意“关键操作3”、“关键操作4”一定要做，否则onmouseover触发多了的时候，会有严重的内存泄露。