網站建設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觸發多了的時候，會有嚴重的內存泄露。