이펙트 응용편 - 슬라이더 육번째

이미지 버튼클릭으로 움직이기

이번 슬라이더 이펙트는 버튼, 닷메뉴 및 무한이동 이됩니다.

JS 설명

checkIndex() 함수는 sliderInner주었던 transition을 지우고
첫번째 와 마지막 이미지로 돌려보냅니다.

코드 보기

//순간이동 슬라이드
function checkIndex() {
    sliderInner.classList.remove("transition");
    if (currentIndex == sliderLength) {
        sliderInner.style.left = -(1 * sliderWidth) + "px";
        currentIndex = 0;
    }
    if (currentIndex == -1) {
        sliderInner.style.left = -(sliderLength * sliderWidth) + "px";
        currentIndex = sliderLength - 1;
    }
}

원본 소스 보기 원본 사이트 보기