Sweep carousel slidesPerView не работает должным образом

Question

У меня есть один слайд, но мой слайд повторяется до трех предметов! Как остановить повторные слайды? Если было 1 слайд-шоу, если два слайд-шоу два, если 10 слайдов показывают 10: | это мой конфиг

var swiper = new Swiper('.slides-per-view', { 
    pagination: '.swiper-pagination', 
    speed: 800, 
    loop: true, 
    slidesPerView: 3, 
    centeredSlides: true, 
    spaceBetween: 30, 
    grabCursor: true, 
    paginationClickable: '.swiper-pagination', 
    nextButton: '.swiper-button-next', 
    prevButton: '.swiper-button-prev' 
}); 

и это мой Html код

<div class="swiper-container slides-per-view" dir="rtl"> 
    <div class="swiper-wrapper"> 
     <div class="swiper-slide"> 
      <figure> 
       <a href="#"><img draggable="false" src="assets/pictures/activities/1.jpg" class="img-responsive" alt=""></a> 
       <figcaption class="text-light text-center"> Title</figcaption> 
       <div class="more text-center margin-bottom-30"> 
        <p class="text-blue"><i class="fa fa-calendar"></i> Date</p> 
        <a href="" class="btn btn-info-border text-dark transition-5"> Read More </a> 
       </div> 
      </figure> 
     </div> 
    </div> 
    <div class="swiper-pagination"></div> 
    <div class="swiper-button-prev"></div> 
    <div class="swiper-button-next"></div> 
</div> 

Посмотрите на это изображение, пожалуйста

Answer 1

Вы не можете иметь цикл установлен верно и slidesPerView до 3, если только вам есть одна плитка. Так вот что вы можете сделать:

var isLoop = true; 

if($('.swiper-slide')).length < 3) { 
    isLoop = false; 
} 

var swiper = new Swiper('.swiper-container', { 
    pagination: '.swiper-pagination', 
    speed: 800, 
    loop: isLoop, //<--- set if loop is true or not 
    slidesPerView: 3, 
    centeredSlides: true, 
    spaceBetween: 30, 
    grabCursor: true, 
    paginationClickable: '.swiper-pagination', 
    nextButton: '.swiper-button-next', 
    prevButton: '.swiper-button-prev' 
});