перейти к следующему / предыдущему проекту влево / вправо с помощью клавиш со стрелками - PullRequest
Новая
       9

перейти к следующему / предыдущему проекту влево / вправо с помощью клавиш со стрелками

0 голосов
/ 14 мая 2018

У меня есть этот сайт https://www.sepulturaimpex.ro/portofoliu-constructii-metalice/ Я хочу перейти от одного изображения к другому, нажимая клавиши со стрелками на клавиатуре. Ребята, вы можете мне помочь? Спасибо Я пытаюсь использовать это 

$(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');
    }
});

HTML 

<div class="customNavigation fhsln"> <a class="button__badge1 prev prev-slide transition"><i class="fa fa-angle-left"></i></a> <a class="button__badge1 next next-slide transition"><i class="fa fa-angle-right"></i></a></div>

1 Ответ

0 голосов
/ 14 мая 2018

Вы можете попробовать что-то вроде этого: 

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 и вызовите функции goToPrevSlide или goToNextSlide в соответствии с нажатой кнопкой.

return false используется, чтобы избежать горизонтальной прокрутки страницы.

...