Użyj klawiszy strzałek do sterowania BXSLIDER

Question

Czy możesz pomóc mi rozwiązać ten problem. Próbowałem zintegrować kontrolki strzałek (po lewej stronie & w prawo) z BxSlider po naciśnięciu następnego klawisza (prawa strzałka) pokazującego ostatni obraz suwaka, który nie powinien pokazywać zamiast następnego obrazu suwaka to samo z poprzednim kluczem (strzałka w lewo), gdy ją nacisnąłem, pojawi się pierwszy obraz. Oto kod pracuję z

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

Answer 1

Oto sposób, aby to zrobić. Mam nadzieję, że to pomoże.

// 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

ten został dodany w Version 4.2.2

Wejście od Zmian

Enhancement: Dodano Klawisze Strzałka w lewo i prawo wsparcie (#239)