slids

 

<div class="slider">

  <img src="https://www.blogger.com/blog/post/edit/5743441734128930993/200862303167109999" style="width:100%">

  <img src="IMAGE_URL_2" style="width:100%">

  <img src="IMAGE_URL_3" style="width:100%">

</div>

 

<style>

  .slider img {display:none;}

</style>

 

<script>

  var slideIndex = 0;

  showSlides();

  function showSlides() {

    var slides = document.getElementsByClassName("slider")[0].getElementsByTagName("img");

    for (var 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); // Change image every 3 seconds

  }

</script>