gpt4 book ai didi

bxslider - 使用箭头键控制 BXSLIDER

转载 作者:行者123 更新时间:2023-12-04 13:51:53 26 4
gpt4 key购买 nike

你能帮我解决这个问题吗?当我按下下一个键(右箭头)时,我试图将箭头控件(左和右)集成到 BxSlider 显示最后一个 slider 图像,它不应该显示,而是显示下一个 slider 图像,然后与前一个键相同(左箭头)当我按下它时,第一张图片就会出现。
这是我正在使用的代码

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

最佳答案

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

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

关于bxslider - 使用箭头键控制 BXSLIDER,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14993760/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com