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

<script>window.onload=function(){varoImg=document.getElementById('img1');oImg.onclick... <script>
window.onload= function(){
var oImg = document.getElementById('img1');

oImg.onclick = function(){
if (oImg.src="img/1.png")
{
oImg.src="img/2.png";
}
</script>
</head>

<body>
<img src="img/1.png" alt="qq" id="img1"/>
</body>
</html>

这样的思路对不,求解。。
展开
 我来答
xi8km9
推荐于2017-07-23 · TA获得超过1086个赞
知道小有建树答主
回答量:688
采纳率:50%
帮助的人:713万
展开全部

首先

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]
}
}
yugi111
2015-10-07 · TA获得超过8.1万个赞
知道大有可为答主
回答量:5.1万
采纳率:70%
帮助的人:1.3亿
展开全部
window.onload = function() {
    img1.onclick = function() {
        if (this.src.search("1.png") != -1) {
          兄罩  this.src = "img/2.png";
     汪滚   } 困尘余else {
            this.src = "img/1.png";
        }
    }
}
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
匿名用户
2017-07-20
展开全部
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);}
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(1)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式