답변 1개
https://github.com/nolimits4web/Swiper/blob/master/demos/380-responsive-breakpoints.html">https://github.com/nolimits4web/Swiper/blob/master/demos/380-responsive-breakpoints.html
위에 참고하셔서 원하시는대로 하시면 되겠습니다.
샘플사이트
https://swiperjs.com/demos/380-responsive-breakpoints.html">https://swiperjs.com/demos/380-responsive-breakpoints.html
<script>
var swiper = new Swiper('.swiper-container', {
slidesPerView: 1,
spaceBetween: 10,
// init: false,
pagination: {
el: '.swiper-pagination',
clickable: true,
},
breakpoints: {
640: {
slidesPerView: 2,
spaceBetween: 20,
},
768: {
slidesPerView: 4,
spaceBetween: 40,
},
1024: {
slidesPerView: 5,
spaceBetween: 50,
},
}
});
</script>
Swiper가 최신 버전이어야합니다.
좋아요 꾹~~~
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인