我有一个画廊,我在其中启用了 elevateZoom。此提升也可在画廊外启用。如何隐藏画廊外部的提升缩放。下面是正在使用的简单代码。我尝试使用 mouseleave 但似乎不起作用。
(function($){
$(document).ready(function () {
$('.rg-image-wrapper').mouseleave(function(){
$('.zoomContainer').hide();
});
$('#zoombtn').on('click', function(){
if( $('.enabled').length === 0){
$('.zoomContainer').show();
$("#zooom").elevateZoom({
zoomType: "lens",
lensShape : "square",
cursor: "crosshair"
});
$(this).toggleClass('enabled');
}
else{
$(this).toggleClass('enabled');
$('.zoomContainer').hide();
}
});
});
})(jQuery);
elevateZoom 的屏幕截图超出框架。
最佳答案
更新:如果我理解正确的话,你想要图像约束。
$("#zoom_01").elevateZoom({constrainType:"height", constrainSize:274, zoomType: "lens", containLensZoom: true, gallery:'gallery_01', cursor: 'pointer', galleryActiveClass: "active"});
关于javascript - 如何仅在图库内显示“提升缩放”,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40607253/