swiper 질문입니다!

2023-09-27 (수) 23:01:31 1,785

2040806500_1695823231.0358.png

<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개

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

slidesPerView: 2,

grid: {

rows: 5,

fill: "row"

},

이렇게해보세요

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