테스트 사이트 - 개발 중인 베타 버전입니다

swiper row 질문합니다!

밍밍밍밍이 3년 전 조회 6,220

아래 이미지 처럼 가로 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개

a
2년 전

grid: {
    rows: 3,
},

slidesPerView: 1,

slidesPerColumn: 3

추가해주시면 됩니다!

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

히햐
3년 전

현재 저 소스 사용하셨을때 가로 1줄 세로 2줄로 보이시는건가요?

그럼

 

grid: {
    rows: 3,
},

 

이렇게 수정하시면 됩니다.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

w
3년 전

 slidesPerView: 1, ->  slidesPerView: 3,

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인