Discussion :

[Koscielski]

Bonsoir !
Je viens vers vous car débutant en Javascript je ne suis pas aussi doué que la plupart d'entre vous. Aujourd'hui j'ai besoin de votre aide, si vous avez du temps pour moi.
J'ai actuellement un slider, je n'ai pas de problème pour changer de slide "quand je clique sur les flèches". Mais j'aimerais le rendre automatique, qu'il change tout seul de slide toute les 5 secondes, et cela sans utiliser jQuery.
Je vous laisse le script de mon fichier, si quelqu'un peut m'aider, cela serait sympa.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
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("mySlides");
  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";
}

Merci à vous !

[NoSmoking]

Bonjour et bienvenue sur DVP.

Tu peux toujours t'inspirer de cet exemple : Galerie avec effet de fondu.

En regardant le code tu y verras notamment l'utilisation de setInterval et son pendant clearInterval.