网站建设jqzoom多预览图放大失效

作者：佚名   时间：2012-06-18   分享到：

网站建设jqzoom多预览图放大失效,搜索了一下午，在网站建设同行的blog中发现了修改方法

代码：

var options = 
            { 
                zoomWidth: 400, 
                zoomHeight: 300, 
                xOffset: 5, 
                title: false, 
                lens: true 
 
            }; 
 
    $(function() { 
        $(".jqzoom").jqzoom(options); 
    }); 
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);  
    } 
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触发多了的时候，会有严重的内存泄露。