做一个简易的图片切换代码
网上大佬些的代码我感觉还是对于我这种新手太难了,光看布局就看了好久,我这就写了个自己做的超级简单的纯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;
}
可以实现图片的自动切换和点击切换