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
slidesPerView: 1, -> slidesPerView: 3,
현재 저 소스 사용하셨을때 가로 1줄 세로 2줄로 보이시는건가요?
그럼
grid: {
rows: 3,
},
이렇게 수정하시면 됩니다.
grid: {
rows: 3,
},
와
slidesPerView: 1,
slidesPerColumn: 3
추가해주시면 됩니다!
답변을 작성하시기 전에 로그인 해주세요.