Galleria的箭头控制

时间:2010-11-24 17:06:01

标签: javascript jquery galleria

我遇到了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,和上一个相同。

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

提前致谢, 亚当

1 个答案:

答案 0 :(得分:4)

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>