Я столкнулся со странной проблемой, когда не могу найти решение. Для одного из моих проектов я использую bxSlider. Есть две пользовательские кнопки, prev и next для переключения скольжения. Это все работает хорошо, за исключением того, что ползунок «перезапускается» после первого щелчка (следующий или предыдущий не имеет значения).
Для этого я использую следующие функции:
$('#Slider2').bxSlider({
auto: false,
speed: 1000,
mode: 'horizontal'
});
$('#SlidePrev').click(function(){
var slider = $('#Slider2').bxSlider();
var slideNr = slider.getCurrentSlide() - 1;
//slider.goToSlide(slideNr);
slider.goToPreviousSlide();
});
$('#SlideNext').click(function(){
var slider = $('#Slider2').bxSlider();
var slideNr = slider.getCurrentSlide() + 1;
slider.goToSlide(slideNr);
});
Не имеет значения, использую ли я функцию goToSlide (index) или goToPreviousSlide () / goToNextSlide ().
Живой пример можно найти здесь . Попробуйте нажать на стрелки, чтобы скользить по коллекции.