Ahmad Kirkland Ответов: 1

Как сделать так, чтобы эти изображения отображались на моей веб-странице в виде слайд - шоу

<div id="batman">
        
            
            
            
            
            
            
            
        </div>


var slides = document.getElementById("batman").children,
            len = slides.length,
            currentSlide = 0;
        //slideshow("slides").childNodes
        

        function slideShow(){
            for(let i = currentSlide; i &lt; len; i++){
                var 
            }
            
            
            setTimeout("changeSlide(i)", 1000);
        }


Что я уже пробовал:

Я создал этот код и не знаю, что делать дальше. это мой HTML код 

<div id="batman">
        
            
            
            
            
            
            
            
        </div>

1 Ответов

Рейтинг:
1

Mehreen Tahir 

Just create many elements with the same class name like this:
<div>
  <img class="mySlides" src="img_1.jpg">
  <img class="mySlides" src="img_2.jpg">
  <img class="mySlides" src="img_3.jpg>
</div>

And a few amendments to JS.

var slideIndex = 0;
slideshow();

function slideshow() {
    var i;
    var x = document.getElementsByClassName("mySlides");
    for (i = 0; i < x.length; i++) {
      x[i].style.display = "none"; 
    }
    slideIndex++;
    if (slideIndex > x.length) 
       {slideIndex = 1} 
    x[slideIndex-1].style.display = "block"; 
    setTimeout(slideshow, 2000); // Change image every 2 seconds
}


Надеюсь, это поможет.