elevateZoom内部无法正确渲染

时间:2015-06-16 16:56:31

标签: javascript jquery jquery-plugins

我正在使用提升缩放插件来显示缩放的图像 插件链接为here

现在我面临的问题是缩放不会像插件示例中所示那样显示在图像的内部。

可以在这里看到工作演示。
Live Wesbite

JS for zoom如下所示

$("#zoom_03f").elevateZoom({
    constrainType: "height",
    zoomType: "inner",
    containLensZoom: true,
    gallery: 'gallery_01f',
    cursor: 'pointer',
    galleryActiveClass: "active"
});

$("#zoom_03f").bind("click", function(e) {
    var ez =
        $('#zoom_03').data('elevateZoom');
    $.fancybox(ez.getGalleryList());
    return false;
});

$("#gallery_01f a").click(function() {
    $("#zoom_03f").on("load", function() {
        var height = $("#zoom_03f").css("height");
        $(".zoomContainer").css("height", height);
        $(".zoomContainer .zoomWindow").css("height", height);
    });
});

0 个答案:

没有答案