使用箭头键控制BXSLIDER

您能帮我解决这个问题吗？当我按下下一个按键（右箭头）时，我试图将箭头控件（右边的&左）集成到BxSlider中，最后一个滑块图像显示出来，而不是显示下一个滑块图像，然后与上一个键一样左箭头）当我按下它的第一个图像显示。这里是我正在使用的代码使用箭头键控制BXSLIDER

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

来源

2013-02-21 codepinoys

这是一种方法。希望能帮助到你。

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

来源

2013-11-26 14:08:53

+1有用WCAG合规 – 2014-10-09 17:22:03

这在版本4.2.2添加

从变化日志条目

增强：新增键盘箭头左，右的支持（#239）

来源

2015-05-20 15:51:21 Carlton

使用箭头键控制BXSLIDER

回答

相关问题