使用箭头键向左/向右移动next / prev项目

时间:2018-05-14 07:58:28

标签: jquery keyboard image-gallery lightgallery

我有这个网站https://www.sepulturaimpex.ro/portofoliu-constructii-metalice/我想通过按键盘上的箭头键从一个图像移动到另一个图像。 你们能帮助我吗? 谢谢 我试图使用这个

 FORMAT (YourColumn, "#,###")

HTML

$(window).bind('keydown', function(e){
    if (e.keyCode == 37) {
        console.log('left');
    } else if (e.keyCode == 38) {
        console.log('up');
    } else if (e.keyCode == 39) {
        console.log('right');
    } else if (e.keyCode == 40) {
        console.log('down');
    }
});

1 个答案:

答案 0 :(得分:0)

您可以尝试这样的事情:

var $lg = $(".lightgallery");
$lg.lightGallery(...)

...

$(document).keydown(function (e) {
  e = e || window.event;
  if (e.keyCode === 37) {
    // Left
    $lg.data('lightGallery').goToPrevSlide();
    return false;
  } else if (e.keyCode === 39) {
    // Right
    $lg.data('lightGallery').goToNextSlide();
    return false;
  }
});

初始化lightGallery后,为onKeyDown事件分配操作,并根据按下的按钮调用goToPrevSlidegoToNextSlide个功能。

return false用于避免水平页面滚动。