JavaScript Slider Effect01

const sliderWrap = document.querySelectorAll(".slider_wrap") //전체
const sliderImg = document.querySelectorAll(".slider_img")  //이미지 묶음 | 요소: 이미지1....이미지5
const slider = document.querySelectorAll(".slider")         //이미지

let currentIndex = 0; //현재 보이는 이미지
let sliderCount = slider.length // 이미지 갯수

setInterval(()=>{  
    let nextIndex =  (currentIndex+ 1) % 5; //12340 12340 12340      

    //애니메이션 속도 설정(transition) : 0.3초동안 보여줌
    slider.forEach(slider =>{
        slider.style.transition = "all 0.3s"
    })

    //이미지 불투명도 설정
    slider[currentIndex].style.opacity = "0" // 앞(현재)에 이미지를 안 보이게
    slider[nextIndex].style.opacity = "1"   // 다음 이미지를 보이게

    currentIndex = nextIndex;  
    
},2000)