0
votes

Définir le curseur / Swiper à la lecture automatique de la 1ère diapositive

a créé un curseur / essuyer avec l'API iDangero. Lorsque je réglais la lecture automatique sur le curseur, le curseur passe immédiatement à la diapositive 2, puis à nouveau à la diapositive 1, continuant à diapositive 3.

J'ai essayé d'inclure Stinitialslide: 0, mais cela n'a pas fait de différence. p>

<div class="swiper">
<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>
</div>
</div>

javascript slider swiper idangero

0 commentaires

3 Réponses :

1
votes

Essayez d'utiliser cela, j'espère que cela vous aidera xxx

1 commentaires

Merci pour votre réponse. J'ai déjà trouvé une solution cependant. Cela a aidé quand j'ai défini SliderSperview.

0
votes

Dernière configuration pour la lecture automatique et la boucle à compter de la publication de cette réponse de la DOC:

var swiper = new Swiper('.swiper-container', {
      slidesPerView: 3,
      centeredSlides: true,
      spaceBetween: 30,
      loop:true,
      loopedSlides:1,
      autoplay: {
        delay: 1000,
        disableOnInteraction: false
      },
      pagination: {
        el: '.swiper-pagination',
        type: 'fraction',
      },
      navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev',
      },
      virtual: {
        slides: (function () {
          var slides = [];
          for (var i = 0; i < 6; i += 1) {
            slides.push('Slide ' + (i + 1));
          }
          return slides;
        }()),
      },
    });

0 commentaires

0
votes

const swiper = new Swiper('.swiper-container', {
  direction: 'vertical',
  initialSlide : 1,
  autoplay: {
    delay: 5000,
    disableOnInteraction: false,
    reverseDirection: true,
  }
});
you can use initialSlide to set first slide when use autoplay

0 commentaires