Image Slider01

let slideWrap = $(".slide-wrap");
let slideImg = $(".slide-img");
let slides = $(".slides");

let currentIndex = 0; //현재 첫 번째 보이는 이미지
let slideCount = slides.length; //이미지 갯수

//첫번째 이미지 선택해서 사라지게    slides.eq(4).hide();
//두번째 이미지 선택해서 사라지게    slides.eq(3).hide();
//세번째 이미지 선택해서 사라지게    slides.eq(2).hide();
//네번째 이미지 선택해서 사라지게    slides.eq(1).hide();
//다섯번째 이미지 선택해서 사라지게  slides.eq(0).hide();

function showNext() {

    let nextIndex = (currentIndex + 1) % slideCount;
    slides.eq(currentIndex).fadeOut(500);
    slides.eq(nextIndex).fadeIn(500);

    currentIndex = nextIndex

}
setInterval(showNext, 3000)




// let 1 = (0 + 1) % 5;    // 1을 5로 나누지 못해 나머지값은 1이다. 
// slides.eq(0).fadeOut(500);
// slides.eq(1).fadeIn(500);

// 1 = 1

// let 2 = (1 + 1) % 5;    // 2을 5로 나누지 못해 나머지값은 2이다. 
// slides.eq(1).fadeOut(500);
// slides.eq(2).fadeIn(500);

// 2 = 2

// let 3 = (2 + 1) % 5;    // 3을 5로 나누지 못해 나머지값은 3이다. 
// slides.eq(2).fadeOut(500);
// slides.eq(3).fadeIn(500);

// 3 = 3

// let 4 = (3 + 1) % 5;    // 4을 5로 나누지 못해 나머지값은 4이다. 
// slides.eq(3).fadeOut(500);
// slides.eq(4).fadeIn(500);

// 4 = 4

// let 0 = (4 + 1) % 5;    // 5을 5로 나누어 나머지값은 0이된다 
// slides.eq(4).fadeOut(500);
// slides.eq(0).fadeIn(500);

// 0 = 0