BXSLIDER

Question

को नियंत्रित करने के लिए तीर कुंजियों का उपयोग करें क्या आप इस समस्या को ठीक करने में मेरी सहायता कर सकते हैं। मैं तीर नियंत्रण को एकीकृत करने की कोशिश कर रहा था (बाएं दाएं) BxSlider पर जब मैंने अगली कुंजी (दायां तीर) दबाया, तो अंतिम स्लाइडर छवि शो जो अगले स्लाइडर छवि के बजाय दिखाई देने वाली प्रतीत नहीं होती है, फिर पिछली कुंजी के साथ एक ही चीज़ (बायां तीर) जब मैंने इसे पहली छवि दिखाया। यहाँ कोड मैं यहाँ

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

Answer 1

साथ काम कर रहा हूँ है यह करने के लिए एक तरीका है। आशा करता हूँ की ये काम करेगा।

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

यह संस्करण में जोड़ा गया 4.2.2

परिवर्तन लॉग से एंट्री

संवर्धन: जोड़ा गया कीबोर्ड तीर छोड़ दिया और के लिए सही समर्थन (#239)