이미지1
이미지2
이미지3
이미지4
이미지5
// setInterval(() => { // // 0 1 2 3 4 0 1 2 3 4 0 //courrentIndex 현재이미지 // // 1 2 3 4 0 1 2 3 4 0 1 //nextIndex 다음이미지 // let nextIndex = (currentIndex + 1) % sliderCount; // slider[currentIndex].style.opacity = "0" // slider[nextIndex].style.opacity = "1"; // currentIndex = nextIndex; // console.log(currentIndex) // }, sliderInterval); //opacity: 사라지게 하는 효과 1이면 보이게 0이면 안보이게 이미지에서 많이 씀 // slider[0].style.opacity = "0"; //첫번째 이미지를 안보이게 // slider[1].style.opacity = "1"; //두번째 이미지를 보이게 // slider[1].style.opacity = "1"; //두번째 이미지를 안보이게 // slider[2].style.opacity = "2"; //세번째 이미지를 보이게 // slider[2].style.opacity = "0"; //세번째 이미지를 안보이게 // slider[3].style.opacity = "1"; //네번째 이미지를 보이게 // slider[3].style.opacity = "0"; //네번째 이미지를 안보이게 // slider[4].style.opacity = "1"; //다섯번째 이미지를 보이게 // slider[4].style.opacity = "0"; //다섯번째 이미지를 안보이게 // slider[0].style.opacity = "1"; //첫번째 이미지를 보이게