使用箭頭鍵控制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

回答

相關問題