Diaporama en utilisant JavaScript

Question

Je suis nouveau en javascript, alors voici ma question. Je fais un diaporama de trois images en utilisant html css et javaScript. Mais ça commence toujours avec la deuxième image.

Voici mon code:

var slideIndex=0; 
window.onload=showSlides; 
showSlides(); 

function showSlides() { 
    var i; 
    var slides = document.getElementsByClassName("mySlides"); 
    var dots = document.getElementsByClassName("dot"); 
    for (i = 0; i < slides.length; i++) { 
     slides[i].style.display = "none"; 
    } 
    slideIndex++; 
    if (slideIndex> slides.length) {slideIndex = 1} 
    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"; 
    setTimeout(showSlides, 2000); // Change image every 2 seconds 
} 

Answer 1

1) vous avez une mauvaise utilisation de la fonction. vous l'utilisez deux fois:

window.onload=showSlides; 
showSlides(); 

utilisez plutôt l'un d'entre eux. 2) chaque fois que la fonction est exécutée, elle peut passer à la seconde image. Si oui, commencez simplement par -1 start index, au lieu de 0.