본문 바로가기
공부기록/실습

3월 23일 (1) 웹 사이트 따라서 만들기

by project100 2023. 3. 23.

따라서 만드는 웹사이트 책 예제

 
변형해서 만든 버전
웹 사이트 사진화면 부분
자바스크립트로 슬라이드 자동으로 넘어가게 만들기

let current = 0;
showSlides();

function showSlides() {
  let slides = document.querySelectorAll("#slides > img");
  for(let i = 0; i < slides.length; i++){
    console.log(slides.length);
    slides[i].style.display = "none";
  }
  current++;
  if(current > slides.length)
  current = 1;
  slides[current - 1].style.display = "block";
  setTimeout(showSlides, 2000); 
}