我正在使用提升缩放插件来显示缩放的图像 插件链接为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);
});
});