JavaScriptを使用したスライドショー

Question

私はjavascriptが新しいです、これは私の質問です。私はhtml cssとjavaScriptを使って3つの画像のスライドショーを作っています。しかし、それは常に第二のイメージで始まります。

ここに私のコード：

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）あなたは、関数の間違った使い方を持っています。 2回使用してください：

window.onload=showSlides; 
showSlides(); 

代わりに、どちらか1つを使用してください。

2）関数が実行されるたびに、2番目の画像にジャンプすることがあります。その場合は、0ではなく、-1開始インデックスから開始してください。