私はHTMLページにスライドショーを持ち、W3サイトでhtml/javascriptコードを見つけてコピーしました。しかし、それは動作しません。私が得たのは、リストとして表示された3つの画像だけでした。私は主題についてここに与えられたいくつかのanwsersを見てきましたが、それでも私は問題が何かを見つけることができません。私は、コードが完成して、行く準備ができていると思った。だから私はいくつかの助けが必要です。 コードは以下の通りです:自動スライドショーが動作しません
javascriptの //自動スライドショー - 変化画像ごとに3秒 VAR slideIndex = 0; showSlides();
function showSlides() {
var i;
var slides = document.getElementsByClassName("mySlides");
for (i = 0; i < slides.length; i++) {
slides[i].style.display = "none";
}
slideIndex++;
if (slideIndex> slides.length) {slideIndex = 1}
slides[slideIndex-1].style.display = "block";
setTimeout(showSlides, 3000);
}
the html
<!-- Slide Show section showing 3 img every 3 sec-->
<div class="slideshow-container">
<div class="mySlides fade">
<img class="mySlides" src="../images/Icons/sa.png" alt="a"
style="width:100%">
</div>
<div class="mySlides fade">
<img class="mySlides" src="../images/images/b.jpg" alt="b"
style="width:100%" >
</div>
<div class="mySlides fade">
<img class="mySlides" src="../images/images
/c.jpg" alt="c"
style="width:100%">
</div>
こんにちはアマンダ、申し訳ありません、私は私の質問で完全ではありませんでした。私はCSSのスタイリングを持っているし、キャプションやドットが必要ないので、ボディセレクタと値のみを使用しています。仲間の "Stacker"によって与えられたもう一つの解決策は、問題の解決策を解決しませんでした。私は最高の考えは、別のHTMLファイルにあるものすべてをコピーし、それが動作するかどうかを確認することだと思います。ありがとうございました!! – Moiren