做一个简易的图片切换代码

做一个简易的图片切换代码

网上大佬些的代码我感觉还是对于我这种新手太难了,光看布局就看了好久,我这就写了个自己做的超级简单的纯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;
    }

可以实现图片的自动切换和点击切换

猜你喜欢

转载自blog.csdn.net/singlever/article/details/84647240
今日推荐