做一個簡易的圖片切換代碼
網上大佬些的代碼我感覺還是對於我這種新手太難了,光看佈局就看了好久,我這就寫了個自己做的超級簡單的純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;
}
可以實現圖片的自動切換和點擊切換