Я пытаюсь создать слайдер, который непрерывно прокручивает, без остановки, с помощью BxSlider, но, что бы я ни пытался, он сходит с ума
Я попробовал следующий код, который перемещает все слайды одновременно, без остановки между ними, но не работает. Начинает увеличивать скорость и вылетает
var slides = $('.officerlist li').length;
$('.officerlist ul').bxSlider({
shrinkItems: true,
minSlides: 1,
maxSlides: 3,
slideMargin: 10,
slideWidth: 400,
touchEnabled: false,
auto : true,
controls: false,
easing: 'linear' ,
moveSlides: 9, //Moves all the slides at once
speed: 2000*slides, //Multiplies the number of li by 2000
pause: 0, //Doesn't pause among slides
infiniteLoop: true
});
Это последний код, который я пробую. Он перемещает 1 слайд за раз, но не делает паузу между слайдами, но сходит с ума.
Найдите здесь кодовую ручку: https://codepen.io/anon/pen/QRdJLb
$('.officerlist ul').bxSlider({
shrinkItems: true,
minSlides: 1,
maxSlides: 3,
slideMargin: 10,
slideWidth: 400,
touchEnabled: false,
auto : true,
//controls: false,
easing: 'linear' ,
moveSlides: 1,
speed: 3000,
pause: 0,
infiniteLoop: true
});
Карусель должна непрерывно плавно прокручиваться