Как я могу показать увеличение масштаба только в галерее

Question

У меня есть галерея, где я включил elevateZoom. Этот Elevate также включен вне галереи. Как скрыть увеличение масштаба за пределами галереи. Ниже приведен простой код, который вы используете. Я пробовал использовать 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 выходит из кадра.

Answer 1

Update: вы хотите ограничение изображения, если я правильно понимаю.

DEMO

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