Нужно изменить количество видимых слайдов при достижении определенной ширины экрана
Есть самый обычный слайдер в котором есть 3 видимых слайда, при адаптации столкнулся с такой проблемой, что нужно изменить количество видимых слайдов на экране с 3 на 2.
Пробовал искать в гугле, читать документацию, но не нашел решение.
var swiper = new Swiper(".swiper", {
slidesPerView: 3,
spaceBetween: 31,
pagination: {
el: ".swiper-pagination",
clickable: true,
},
});
Ответы (1 шт):
Автор решения: HappyPM
→ Ссылка
Если речь идет о swiperjs то там есть параметр breakpoints: https://swiperjs.com/swiper-api#param-breakpoints
breakpoints: {
768: {
slidesPerView: 3,
spaceBetween: 18,
},
992: {
slidesPerView: 4,
spaceBetween: 25,
}
}