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