화살표 키를 사용하여 BXSLIDER 제어

Question

이 문제를 해결할 수 있도록 도와 줄 수 있습니까? 나는 다음 키 (오른쪽 화살표)를 누르면 BxSlider에 화살표 컨트롤 (왼쪽 &)을 통합하려고 시도했는데 마지막 슬라이더 이미지가 나타나서 대신 다음 슬라이더 이미지가 나타나고 이전 키와 같은 것을 표시한다고 가정합니다. 왼쪽 화살표)를 누르면 첫 번째 이미지가 나타납니다. 가 여기에 내가 여기

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

Answer 1

함께 일하고 있어요 코드 것은이 작업을 수행하는 방법입니다. 희망이 도움이됩니다.

// 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; 
    } 
}); 

Answer 2

이것은 버전 첨가 4.2.2

변경 로그에서 엔트리

향상 : 추가 키보드 화살표 왼쪽과 적합한 지지체 (#239)