240619 9주차 수요일 - 자바스크립트 06

슬라이드 예제

<div class="mySlides fade">
    <div class="numbertext">1 / 3</div>
    <img src="/image/2.png" style="width:100%">
    <div class="text">Caption Text</div>
  </div>

 

let slides = document.getElementsByClassName("mySlides"); // mySlides가 들어가는 모든 클래스들의 유사배열 slides
slides[0].style.display = "none"; //none으로 지정하면 해당 div는 보이지 않는다.

slides[slideIndex-1].style.display = "block"; //block으로 지정하면 활성화된다.

dots[i].className = dots[i].className.replace(" active", ""); //클래스 이름을 변경해서 밑에 점의 컬러속성을 변경한다.