Я пытаюсь использовать slidesPerView: 'auto'
со свойством spaceBetween: 20
, но Swiper показывает только один слайд на просмотр.
Я хочу показать следующий слайд сразу после первого, даже если он будет обрезан по ширине документа.
$(document).ready(function () {
//initialize swiper when document ready
var mySwiper = new Swiper('.swiper-container', {
// Optional parameters
loop: false,
slidesPerView: 3,
spaceBetween: 40,
navigation: {
prevEl: '.slider .prev-btn',
nextEl: '.slider .next-btn',
},
breakpoints: {
1200: {
slidesPerView: 'auto',
spaceBetween: 40,
},
830: {
slidesPerView: 'auto',
spaceBetween: 10, // <- doesn't work
}
}
});
});
Но он показывает только один слайд на просмотр и игнорирует пространство, заданное в настройках.
Как строго установить расстояние между слайдами?