ข้อมลสำหรับศิษย์

<style>

.slideshow-container {

  position: relative;

  max-width: 100%;

  height: 360px;

  overflow: hidden;

}

.slide {

  display: none;

}

.slide img {

  width: 100%;

  height: 360px;

  object-fit: cover;

}

</style>

<div class="slideshow-container">

  <div class="slide">

    <img src="ใส่ลิงก์รูป1ที่นี่">

  </div>

  <div class="slide">

    <img src="ใส่ลิงก์รูป2ที่นี่">

  </div>

  <div class="slide">

    <img src="ใส่ลิงก์รูป3ที่นี่">

  </div>

 

  <div class="slide">

    <img src="ใส่ลิงก์รูป4ที่นี่">

  </div>

  <div class="slide">

    <img src="ใส่ลิงก์รูป5ที่นี่">

  </div>

</div>

<script>

let slideIndex = 0;

showSlides();

function showSlides() {

  let slides = document.getElementsByClassName("slide");

  for (let 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);

}

</script>