javascript - 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>