swiper row 질문합니다!
아래 이미지 처럼 가로 1줄 세로 3줄의 슬라이드를 만들고 싶습니다!
스와이퍼로 만드는 방법이 궁금합니다!!
var swiper = new Swiper('.test .swiper-container', {
slidesPerView: 1,
slidesPerGroup: 1,
grid: {
rows: 2,
},
loop: false,
pagination: {
el: '.swiper-test-pagination',
clickable: true,
},
});
답변 3개
aliiris
2년 전
grid: {
rows: 3,
},
와
slidesPerView: 1,
slidesPerColumn: 3
추가해주시면 됩니다!
닌니디자인현재 저 소스 사용하셨을때 가로 1줄 세로 2줄로 보이시는건가요?
그럼
grid: {
rows: 3,
},
이렇게 수정하시면 됩니다.
woong6156
3년 전
slidesPerView: 1, -> slidesPerView: 3,
답변을 작성하려면 로그인이 필요합니다.