<section class="slide">
     <ul class="slideList">
        <li class="slideImg"><a href="#"><img src="images/banner1.jpg" alt="쇼핑몰 홈페이지 새단장"><span>쇼핑몰 홈페이지 새단장</span></a></li>
        <li class="slideImg"><a href="#"><img src="images/banner2.jpg" alt="이달의 쇼핑 이벤트"><span>이달의 쇼핑 이벤트</span></a></li>
        <li class="slideImg"><a href="#"><img src="images/banner3.jpg" alt="장바구니 할인 이벤트"><span>장바구니 할인 이벤트</span></a></li>
     </ul>
</section>


var currentIndex = 0;
    var slideCount = $(".slideImg").length;

    setInterval(function(){
        if(currentIndex < slideCount -1){
            currentIndex++;
        }else{
            currentIndex = 0;
        }

        var slidePosition = currentIndex * (-300)+"px";
        $(".slideList").animate({top:slidePosition},400);
    },3000);



공부 중인데


이미지 3개가 첫번째 -> 두번째 -> 세번째 -> 첫번째 -> 두번째 -> 세번째 -> 첫번째 ...... 이런식으로 보여 주려 하는데


이렇게 반복하고 싶은데


첫번째 사진 위로 이동하고 두번째 사진 위로 이동하고 세번째 사진 위로 이동하고 나서 두번째 사진이랑 첫번째 사진이 내려가네


구글에 다른 코드 찾아보는 중인데 코드가 복잡해서 찾기 어려움