Verwenden Sie die Pfeiltasten zur Steuerung des BXSLIDER

Question

Können Sie mir helfen, dieses Problem zu beheben. Ich habe versucht, die Pfeilsteuerelemente (links & rechts) an BxSlider zu integrieren, als ich die nächste Taste (Pfeil rechts) gedrückt habe, um das letzte Schiebereglerbild anzuzeigen, das statt des nächsten Schieberegisterbilds dann dasselbe mit dem vorherigen Schlüssel erscheint (linker Pfeil) wenn ich es drücke, erscheint das erste Bild. Hier ist der Code, den ich bin mit

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

Answer 1

Hier ist ein Weg, dies zu tun. Ich hoffe es hilft.

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

Dies wurde in Version hinzugefügt 4.2.2

Eintrag von Änderungsprotokoll

Erweiterung: Hinzugefügt Tastatur Pfeil nach links und rechts Unterstützung (#239)