Timer fonction défilement slides carousel.

Je ne parvient pas a faire une fonction permettant de faire défiler mes slides de carrousel pour un intervalle de temps défini. J'image qu'il faut utiliser setTimeout.

Mon code de défilement:
currentSlide est une sorte de pagination et plusSlide est la slide suivante ou précédente.

 
var slideIndex = 1;
showSlides(slideIndex);
function plusSlides(n) {
  showSlides(slideIndex += n);
}
function currentSlide(n) {
  showSlides(slideIndex = n);
}
function showSlides(n) {
  var i;
  var slides = document.getElementsByClassName("mySlideshow");
  var dots = document.getElementsByClassName("dot");
  if (n > slides.length) {slideIndex = 1}
  if (n < 1) {slideIndex = slides.length}
  for (i = 0; i < slides.length; i++) {
      slides[i].style.display = "none";
  }
  for (i = 0; i < dots.length; i++) {
      dots[i].className = dots[i].className.replace(" active", "");
  }
  slides[slideIndex-1].style.display = "block";
  dots[slideIndex-1].className += " active";
}
Par Synetic LoOny le 05 Dec 2018
Cette pub permet au site de vivre ...

3 Commentaires

Tu veux participer ?
Alors connecte toi ou inscris toi et viens participer !
Clouder
Le 28 Jan 2019
Salut Synetic LoOny,

Désolé pour la réponse très tardive .. 

Utilise ceci pour rendre ton slide automatique : 

SetInterval(showSlides, 2000); // 2s pour 2000
Synetic LoOny
Le 24 Dec 2018
Je ne parviens pas a créer la fonction de la bonne manière 😬
Clouder
Le 10 Dec 2018
Salut Synetic LoOny 🙂,

Effectivement la fonction setTimeout sera de la partie si tu souhaites que ton carrousel défile sur un temps donné.

Si tes fonctions fonctionnent déjà individuellement alors il suffit de faire une nouvelle fonction que tu nommeras defilement en mettant les fonctions appelaient et ensuite tu appelleras cette nouvelle fonction dans ton setTimeout avec l'indice du temps que tu veux pour faire défiler tes pages ! 🙂

Je t'ai donné le raisonnement donc si après tu as des problèmes dans ton code n'hésite pas !