1. 程式人生 > >做一個簡易的圖片切換程式碼

做一個簡易的圖片切換程式碼

做一個簡易的圖片切換程式碼

網上大佬些的程式碼我感覺還是對於我這種新手太難了,光看佈局就看了好久,我這就寫了個自己做的超級簡單的純js程式碼

script type=“text/javascript”>

    var i =1;
    var zichun;
    function qie(number) {
        if(number==1){i--;}
        if(i<1){i=5;}
        if(number==2){i++;}
        if(i>5){i=1;}
        document.getElementById('bbb').src=("ima/"+i+".JPG");
        if(i==1){zichun="第一張圖片"}
        if(i==2){zichun="第二張圖片"}
        if(i==3){zichun="第三張圖片"}
        if(i==4){zichun="第四張圖片"}
        if(i==5){zichun="第五張圖片"}
        document.getElementById('wenzi').innerHTML=zichun;
    }
    setInterval(zhidong,5000);
    function zhidong() {
        i++;
        if(i==6){i=1;}
        document.getElementById('bbb').src=("ima/"+i+".JPG");
        if(i==1){zichun="第一張圖片"}
        if(i==2){zichun="第二張圖片"}
        if(i==3){zichun="第三張圖片"}
        if(i==4){zichun="第四張圖片"}
        if(i==5){zichun="第五張圖片"}
        document.getElementById('wenzi').innerHTML=zichun;
    }

可以實現圖片的自動切換和點選切換