Управление стрелками для Galleria

Question

У меня проблема с Galleria. следующий код:

<script type="text/javascript"> 
    $(document).keypress(function(e) 
     { 
     switch(e.keyCode) 
     { 
      case 37: //press left arrow 
       $.galleria.prev(); 
       break; 
      case 39: //press right arrow 
       $.galleria.next(); 
       break; 
     } 
     }); 


</script> 

не будет работать, он говорит: $.galleria is undefined , если я использую вместо Galleria.prev() и Galleria.next() тогда он говорит: Galleria.next is not a function, и тот же Ф.О. пред.

Я надеюсь, что кто-то с большим опытом поможет мне.

Спасибо заранее, Адам

Answer 1

Galleria, кажется, есть метод attachKeyboard, но я не могу получить, чтобы работать. но, играя с кодом, который у вас выше, мне удалось получить управление стрелками. попробуйте это:

<script> 
//start galleria 
Galleria.loadTheme('galleria.classic.js'); 
$('#galleria').galleria(); 

//obtain galleria instance - this might be the step you are missing 
var gallery = Galleria.get(0); 

//essentially what you had above 
document.onkeyup = KeyCheck;  
function KeyCheck(e) { 
    var KeyID = (window.event) ? event.keyCode : e.keyCode; 
    switch(KeyID) { 
     case 37: //press left arrow 
      gallery.prev(); 
      break; 
     case 39: //press right arrow 
      gallery.next(); 
      break; 
    } 
} 
</script>