w3schoolからスライダーを編集する

Question

JavaScriptを学習しようとしていますが、その間に私はw3schoolのような他のコードを操作しています。私はこれを管理できると思ったが、苦労している。

私はこのスクリプトからドット、番号、キャプションを削除することを試みています。私は排除のプロセスを経て作業することができますが、むしろ面倒なスクリプトで終わることはありません。

これは完全なコードへのリンクhttps://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_slideshow_auto

はここであなたがそれを持っている...事前にないこと、ハード

<script> 
var slideIndex = 0; 
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++) { 
} 
slides[slideIndex-1].style.display = "block"; 
setTimeout(showSlides, 4000); // Change image every 2 seconds 
} 
</script> 

Answer 1

その:) ありがとうです：さらに

<div class="slideshow-container"> 

<div class="mySlides fade"> 
    <img src="img_nature_wide.jpg" style="width:100%"> 
</div> 

<div class="mySlides fade"> 
    <img src="img_fjords_wide.jpg" style="width:100%"> 
</div> 

<div class="mySlides fade"> 
    <img src="img_mountains_wide.jpg" style="width:100%"> 
</div> 

</div> 
<br> 

<script> 
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, 2000); // Change image every 2 seconds 
} 
</script> 

不要なCSSクラスを削除したいかもしれません。