[자바스크립트]간단한 슬라이드쇼

window.onload = function () {

    // 슬라이드쇼에 사용할 이미지들
    var myPhotos = new Array(
        "SlideShowBasic/Chrysanthemum.jpg", "SlideShowBasic/Hydrangeas.jpg",
        "SlideShowBasic/Jellyfish.jpg");
    var index = 0;

    // 이전 링크 클릭
    document.getElementById("btnPrev").onclick = function () {
        if (index == 0) {
            index = myPhotos.length;
        }
        document.getElementById("imgPlaceHolder").src = myPhotos[--index];
        return false;
    };

    // 다음 링크 클릭
    document.getElementById("btnNext").onclick = function () {
        if (++index == myPhotos.length) {
            index = 0;
        }
        document.getElementById("imgPlaceHolder").src = myPhotos[index];
        return false;
    };
}


    
초간단 슬라이드 쇼
    
    

    이전  다음