js怎么实现更换图片?

发布网友

我来回答

共2个回答

热心网友

js实现更换图片：
<script language =javascript >
var curIndex=0;
//时间间隔 单位毫秒
var timeInterval=5000;
var arr=new Array();
arr[0]="1.jpg";
arr[1]="2.jpg";
arr[2]="3.jpg";
arr[3]="4.jpg";
arr[4]="5.jpg";
arr[5]="6.jpg";
arr[6]="7.jpg";
setInterval(changeImg,timeInterval);
function changeImg()
{
var obj=document.getElementById("showpic");
if (curIndex==arr.length-1)
{
curIndex=0;
}
else
{
curIndex+=1;
}
obj.src="image/"+arr[curIndex];
}
</script>
<img src="image/1.jpg" width="427" height="219" id="showpic" />

热心网友

你的意思是你点击第一个格子的时候，任意3个格子的图片都要改变吗？

function changeImage(a){
    var tds = document.getElementsByTagName("td");
    for(var i=0;i<3;i++){
        tds[Math.ceil(Math.random()*tds.length)].getElementsByTagName("img")[0].src="sc/pao.jpg"
    }
}

追问不是，是点一个换一张！只能点三次，也就是只能换三张图片

追答

为每一个元素添加一个变量作为计数，当计数为3的时候，不改变图片。

<td><img id="wj0" src="sc\1.jpg" onclick="changeImage(this)"></td>
<td><img id="wj1" src="sc\1.jpg" onclick="changeImage(this)"></td>
<td><img id="wj2" src="sc\1.jpg" onclick="changeImage(this)"></td>
<td><img id="wj3" src="sc\1.jpg" onclick="changeImage(this)"></td>
<td><img id="wj4" src="sc\1.jpg" onclick="changeImage(this)"></td>
//方法名里面不要传id，直接传this
function changeImage(a){
    if(!a.count){a.count=0}
    if(a.count && a.count < 3){
        a.src = "sc/pao.jpg";
        a.count++;
    }else{
        
    }
}