Elevateをギャラリー内でのみ表示するにはどうすればいいですか

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); 

エレベータズームのスクリーンショットが出てきます。

Answer 1

アップデート：私が正しくあなたを理解していれば、あなたがイメージ制約をしたいです。

DEMO

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