如何通过js点击两张图片来回切换
<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>
这样的思路对不，求解。。
首先
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]
}
}
温馨提示：内容为网友见解，仅供参考
第1个回答 2015-10-07
window.onload = function() {
img1.onclick = function() {
if (this.src.search("1.png") != -1) {
this.src = "img/2.png";
} else {
this.src = "img/1.png";
}
}
}本回答被网友采纳
img1.onclick = function() {
if (this.src.search("1.png") != -1) {
this.src = "img/2.png";
} else {
this.src = "img/1.png";
}
}
}本回答被网友采纳
第2个回答 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);}
相似回答
