从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类。