할당 바로 가기 키/나는 줌에 대한 바로 가기 키를 추가하고 버튼을 축소 할 <a href="http://www.jqueryscript.net/demo/Smooth-Image-Enlargement-Plugin-Zoomer/" rel="nofollow noreferrer">http://www.jqueryscript.net/demo/Smooth-Image-Enlargement-Plugin-Zoomer/</a></p> <p>을 확인 fs.zoomer.js

Question

방문하시기 바랍니다에 대한 버튼을 축소. 시도했지만 작업을 시작하기에 적절한 이벤트 리스너를 얻지 못했습니다.

미리 감사드립니다.

그리고 지금 내가 그것을 완벽하게 작동하고 내 로컬 컴퓨터에서 테스트가 여기

http://www.jqueryscript.net/zoom/Smooth-Image-Enlargement-Plugin-Zoomer.html

Answer 1

에서 플러그인을 얻을 것이다. 당신이 시도하는 방법

는 방법 파괴 코드가 에서 술집 객체에 포함 것

<script> $(document).ready(function() { $(".demo .zoomer_basic").zoomer(); $(".zoominn").click(function() { $(".demo .zoomer_basic").zoomer('zoomInn'); }); $(".zoomoutt").click(function() { $(".demo .zoomer_basic").zoomer('zoomOutt'); }); $(window).on("resize", function (e) { $(".demo .zoomer_wrapper").zoomer("resize"); }); $(window).one("pronto.load", function() { $(".demo .zoomer_basic").zoomer("destroy"); $(".demo .zoomer_custom").zoomer("destroy"); $(".demo .zoomer_tiled").zoomer("destroy"); $(".demo .load_zoomer_tiled").off("click"); }); }); </script> 

헤더

에

/** 
    * @method 
    * @name zoomInn 
    * @example $(".target").zoomer("zoomInn"); 
    */ 
    zoomInn: function() { 
     var $targets = $(this).each(function(i, target) { 
      var data = $(target).data("zoomer"); 

      if (data) { 
       data = _setZoomPosition(data); 
       data.keyDownTime = 1; 
       data.action = "zoom_in"; 

       data = _clearZoomPosition(data); 
      } 

     }); 

     return $targets; 
    }, 

    /** 
    * @method 
    * @name zoomOutt 
    * @example $(".target").zoomer("zoomOutt"); 
    */ 
    zoomOutt: function() { 
     var $targets = $(this).each(function(i, target) { 
      var data = $(target).data("zoomer"); 

      if (data) { 
       data = _setZoomPosition(data); 
       data.keyDownTime = 1; 
       data.action = "zoom_out"; 

       data = _clearZoomPosition(data); 
      } 

     }); 

     return $targets; 
    },