Utilizzare i tasti freccia per controllare il BXSLIDER

Question

Potete aiutarmi a risolvere questo problema. Stavo cercando di integrare i comandi a freccia (a sinistra & a destra) su BxSlider quando ho premuto il tasto successivo (freccia destra) l'ultima immagine del cursore mostra quale non supponiamo di mostrare invece l'immagine del cursore successivo e la stessa cosa con il tasto precedente (freccia sinistra) quando l'ho premuto, appare la prima immagine. Ecco il codice che sto lavorando con

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

Answer 1

Ecco un modo per farlo. Spero che sia d'aiuto.

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

Questo è stato aggiunto in versione 4.2.2

voce dalla registro delle modifiche

Enhancement: Aggiunto della tastiera freccia sinistra e giusto supporto (#239)