jQZoom：innerzoom問題

Question

我正在使用Jqzoom插件對網站上的圖像進行縮放。不幸的是，在更改圖像后，縮放后的圖像不再可移動。 我只能在縮放窗口中看到圖像的頂部。 但是當我向下移動鼠標時，什么也沒發生。 這是我的產品縮略圖代碼：

ProductTiny圖片代碼：

我知道的一件事是我的Rel屬性“ smallimage”：“ %% GLOBAL_ProductThumbImageURL %%”，“ largeimage”：“ %% GLOBAL_ProductZoomImageURL %%”為空，我現在不知道為什么。有人知道嗎，我做錯了嗎？

大小圖片網址為空

這是我的主編。

$(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

切換映像時，您可能需要重新綁定插件。

里面showProductThumbImage在product.functions.js，在函數的底部添加了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，並在重新綁定上面之前添加它。 在重新綁定之前先取消綁定是一個好主意。 這是有關此主題的幾個鏈接：

如何在JQuery腳本中取消綁定JQZOOM？

我如何取消綁定和重新綁定jqzoom