如何通过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>
这样的思路对不，求解。。 展开
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>
这样的思路对不，求解。。 展开
3个回答
展开全部
首先
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]
}
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
window.onload = function() {
img1.onclick = function() {
if (this.src.search("1.png") != -1) {
this.src = "img/2.png";
} else {
this.src = "img/1.png";
}
}
}
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
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）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
