從w3school編輯滑塊

Question

因此，我正在嘗試學習JavaScript，但同時我正在操縱其他代碼，如w3school's。我以爲我可以管理這個，但我掙扎着。

我想從這個腳本中刪除任何與點，編號和標題相關的內容。我可以通過消除的過程來工作，但我寧願不要結束一些凌亂的腳本。

這是一個完整的代碼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類。