Присвоить комбинацию клавиш для увеличения/уменьшения кнопки для fs.zoomer.js

Question

Пожалуйста, посетите проверить http://www.jqueryscript.net/demo/Smooth-Image-Enlargement-Plugin-Zoomer/

Я хочу, чтобы добавить горячие клавиши для увеличения и уменьшения масштаба кнопки. Я пробовал, но не получал надлежащего прослушивателя событий, чтобы начать работу.

Заранее спасибо.

И вы получите плагин здесь

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; 
    },