如何通过js点击两张图片来回切换

发布网友发布时间：2022-04-25 14:57

我来回答

共3个回答

热心网友时间：2022-04-20 05:18

首先

if (oImg.src="img/1.png")

是赋值而不是判断相等, 判断相等请用==或者===

其次, 你的切换不应当依赖於从元素上读到的src, 而应当用变量维护当前的状态

示例

window.onload = function()
{
var
oImg = document.getElementById('img1'),
Picture = ['img/1.png','img/2.png'],
Index = 0;
oImg.onclick = function()
{
++Index
Index < Picture.length || (Index = 0)
oImg.src = Picture[Index]
}
}

热心网友时间：2022-04-20 06:36

window.onload = function() {
    img1.onclick = function() {
        if (this.src.search("1.png") != -1) {
            this.src = "img/2.png";
        } else {
            this.src = "img/1.png";
        }
    }
}

热心网友时间：2022-04-20 08:11

varpics=document.getElementById('pics').getElementsByTagName('img');varslide=function(i){returnfunction(e){pics[i].style.display='none';if(pics[i+1]){pics[i+1].style.display='block';}else{pics[0].style.display='block';}}};for(i=0;ipics[i].onclick=slide(i);}