スワイパー不審なスライダーで表示されているアイテムが1つではない

Question

スワイパー・アジャンガース・プラグインを使用してスライダーを作成していますが、問題が発生します。

私は問題を説明します： スワイパーは現在、ページング時にすべてのアイテムの箇条書きを表示し、スワイプで次のアイテムにスワイプします。

私が必要とするもの： ページ番号を表示するだけでページ数（アイテムではない）を表示し、スワイプで次の4アイテムを表示する必要があります（4アイテムすべてをスワイプして次の4アイテムを表示）。

そのプラグインで可能であれば、それともそれが可能ですか？

コードを追加して、自分が何をしているかを知ることができます。また、応答性が必要です。

var swiper = new Swiper('.swiper-container', { 
 
     \t \t \t slidesPerView: 4, 
 
     \t \t \t loopedSlides: 4, 
 
        centeredSlides: false, 
 
     \t \t  spaceBetween: 10, 
 
     \t \t  grabCursor: true, 
 
     \t \t  loop:true, 
 
     \t \t  pagination: '.swiper-pagination', 
 
     \t   paginationClickable: true, 
 
     \t   breakpoints: { 
 
     \t    1200: { 
 
     \t     slidesPerView: 4, 
 
     \t     loopedSlides: 4, 
 
     \t     spaceBetween: 10 
 
     \t    }, 
 
     \t    1024: { 
 
     \t     slidesPerView: 3, 
 
     \t     loopedSlides: 3, 
 
     \t     spaceBetween: 10 
 
     \t    }, 
 
     \t    768: { 
 
     \t     slidesPerView: 2, 
 
     \t     loopedSlides: 2, 
 
     \t     spaceBetween: 10 
 
     \t    }, 
 
     \t    675: { 
 
     \t     slidesPerView: 1, 
 
     \t     loopedSlides: 1, 
 
     \t     spaceBetween: 20 
 
     \t    } 
 
     \t   } 
 
     \t \t });

.swiper-container { 
 
     width: 100%; 
 
     height: 300px; 
 
    } 
 
.swiper-slide { 
 
    color:#000; 
 
    text-align:center; 
 
    padding:100px 0px; 
 
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.3.1/js/swiper.js"></script> 
 
<link href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.3.1/css/swiper.min.css" rel="stylesheet"/> 
 
    <!-- Slider main container --> 
 
    <div class="swiper-container"> 
 
     <div class="swiper-wrapper"> 
 
      <div class="swiper-slide">Slide 1</div> 
 
      <div class="swiper-slide">Slide 2</div> 
 
      <div class="swiper-slide">Slide 3</div> 
 
      <div class="swiper-slide">Slide 4</div> 
 
      <div class="swiper-slide">Slide 5</div> 
 
      <div class="swiper-slide">Slide 6</div> 
 
      <div class="swiper-slide">Slide 7</div> 
 
      <div class="swiper-slide">Slide 8</div> 
 
     </div> 
 
     <!-- If we need pagination --> 
 
     <div class="swiper-pagination"></div> 
 
    </div>

Answer 1

この答えは受け入れられるべき

slidesPerGroup: 4