javascript - jQZoom:innerzoom问题

我正在使用Jqzoom插件对网站上的图像进行缩放。不幸的是，在更改图像之后，缩放后的图像不再可移动。我只能在缩放窗口中看到图像的顶部。但是当我向下移动鼠标时，什么也没有发生。
这是我的产品缩略图代码：


    
        
    


ProductTiny图片代码：

    
        
            
        
    


我知道的一件事是我的Rel属性“ smallimage”：“ %% GLOBAL_ProductThumbImageURL %%”，“ largeimage”：“ %% GLOBAL_ProductZoomImageURL %%”为空，我现在不明白为什么。有人知道吗，我做错了吗？

Small and large image urls are empty

这是我的主编。
    

$(document).ready(function() {
    $('.jqzoom').jqzoom({
            zoomType: 'innerzoom',
            preloadImages: false,
            alwaysOn:false
        });
});


</script>

我从这里“ www.mind-projects.it”下载了插件

这是我的产品页面URl：
http://www.angeljackets.co.uk/products/Emma-Swan-Once-Upon-A-Time-Leather-Jacket.html

最佳答案

切换图像时，您可能需要重新绑定插件。

在product.functions.js中的showProductThumbImage内，在函数底部添加jqZoom脚本。

function showProductThumbImage(ThumbIndex) {
    $('.ProductThumbImage img').attr('src', ThumbURLs[ThumbIndex]);
    $('.ProductThumbImage img').attr('alt', ProductImageDescriptions[ThumbIndex]);


    CurrentProdThumbImage = ThumbIndex;
    ShowVariationThumb = false;
    highlightProductTinyImage(ThumbIndex);
    if (ShowImageZoomer) {
        $('.ProductThumbImage a').attr("href", ZoomImageURLs[ThumbIndex]);
        $('.ProductThumbImage a').css({
            'cursor': 'pointer'
        });
    }

    $('.jqzoom').jqzoom({
        zoomType: 'innerzoom',
        preloadImages: false,
        alwaysOn: false
    });
}

如果可行，您可能需要查看解除绑定的jqZoom，并在重新绑定上面之前添加它。在重新绑定之前先取消绑定是一个好主意。这是有关此主题的几个链接：

How can I unbind JQZOOM in my JQuery Script?

how can i unbind and rebind jqzoom