我有一个画廊,其中启用了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的ScreenShots脱离框架。

javascript - 我如何仅在图库中显示高程缩放-LMLPHP

最佳答案

更新:如果我对您的理解正确,就需要图像约束。

DEMO

$("#zoom_01").elevateZoom({constrainType:"height", constrainSize:274, zoomType: "lens", containLensZoom: true, gallery:'gallery_01', cursor: 'pointer', galleryActiveClass: "active"});


javascript - 我如何仅在图库中显示高程缩放-LMLPHP

关于javascript - 我如何仅在图库中显示高程缩放,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/40607253/

10-09 13:50