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 未定义如果我改用 Galleria.prev() 和 Galleria.next()然后它说:Galleria.next is not a function, and the same fo prev.

我希望有更多经验的人可以帮助我。

提前致谢，亚当

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>