Question

我正在使用Jqzoom插件来缩放我的网站上的图像。不幸的是，在图像更改后，缩放的图像不再可移动。我只能在缩放窗口中看到图像的顶部。但当我向下移动鼠标时，没有任何反应。这是我的Productthumbimage COde：

ProductTinyImage代码：

我知道的一件事是我的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

Answer 1

切换图像时可能需要重新插入插件。

在 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

jQZoom：innerzoom问题

1 个答案: