Используйте клавиши со стрелками для управления BXSLIDER

можете ли вы помочь мне исправить эту проблему. Я пытался интегрировать стрелки управления(левый и правый) в BxSlider, когда я нажал на следующую клавишу(стрелка вправо) последний слайдер показать, что не допустим, чтобы показать следующее изображение слайдер то же самое с предыдущим клавишу(стрелка влево), когда я прижал ее первые изображения показывают вверх. Вот код, с которым я работаю

jQuery('.bxslider').bxSlider({
pagerCustom: '#bx-pager',
nextSelector: '#slider-next',
prevSelector: '#slider-prev',
nextText: '',
prevText: '',
onSliderLoad: function(){ jQuery('#listing-slider').show();}
});
6
bxslider

2 ответов

вот способ сделать это. Надеюсь, это поможет.

// save slider has a global var
var slider = $('.bxslider').bxSlider({
    // your bxSlider options here...
});
// set keyboard listener
$(document).keydown(function(e){
    if (e.keyCode == 39) // Right arrow 
    {
        slider.goToNextSlide();
        return false;
    }
    else if (e.keyCode == 37) // left arrow
    {
         slider.goToPrevSlide();
        return false;
   }
});
10

Это было добавлено в версия 4.2.2

запись из журнала изменений

улучшение: добавлена клавиатура стрелка влево и вправо поддержка (#239)

1