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

swiper 질문입니다!

한석규 2년 전 조회 1,576

 

 

 

 

 

<div class="swiper main_roll_item" style="padding-bottom:40px;">

<ul class="swiper-wrapper post-list ">

<li class="swiper-slide">

내용

</li>

</ul>

</div>

 

 

 

 

<script>
var sliderSelector = '.main_roll_item',
    options = {
      init: false,
      speed:800,
      slidesPerView: 1, // or 'auto'
      slidesPerColumn: 3,
      grid: {
       rows: 3,
        },
      spaceBetween: 5,
      grabCursor: true,
      autoplay: {
        delay:3000
      },
      navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev',
      },
      pagination: {
        el: '.swiper-pagination',
        clickable: true,
      },      
    };
var mySwiper = new Swiper(sliderSelector, options);
mySwiper.init();
</script>
 

 

사진과 같이 2x5로 처리하려면 어떻게 해야될까요 ㅠㅠ

 

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

답변 2개

cuwaaang
2년 전

swiper 말고 slick 쓰시고 slick 옵션 구글링 ㄱ

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

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

세크티
2년 전

slidesPerView: 2,

grid: {

rows: 5,

fill: "row"

},

이렇게해보세요

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

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

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

로그인