js怎么实现更换图片?
我现在有个5乘5的单元格!每个格子里面有张图片!我现在能实现点击图片更换为另一张图片!(假设更换一个格子图片为一次)怎么能实现只更换3次?<script>function...
我现在有个5乘5的单元格!每个格子里面有张图片!我现在能实现点击图片更换为另一张图片!(假设更换一个格子图片为一次)怎么能实现只更换3次?
<script>
function changeImage(a){
for (var i = 0; i < 3; i++) {
document.getElementById(a).src="sc/pao.jpg";
}
</script>
<body>
<tr>
<td><img id="wj0" src="sc\1.jpg" onclick="changeImage(id)"></td>
<td><img id="wj1" src="sc\1.jpg" onclick="changeImage(id)"></td>
<td><img id="wj2" src="sc\1.jpg" onclick="changeImage(id)"></td>
<td><img id="wj3" src="sc\1.jpg" onclick="changeImage(id)"></td>
<td><img id="wj4" src="sc\1.jpg" onclick="changeImage(id)"></td>
</tr>
---------其他格子重复 省略-----
</body> 展开
<script>
function changeImage(a){
for (var i = 0; i < 3; i++) {
document.getElementById(a).src="sc/pao.jpg";
}
</script>
<body>
<tr>
<td><img id="wj0" src="sc\1.jpg" onclick="changeImage(id)"></td>
<td><img id="wj1" src="sc\1.jpg" onclick="changeImage(id)"></td>
<td><img id="wj2" src="sc\1.jpg" onclick="changeImage(id)"></td>
<td><img id="wj3" src="sc\1.jpg" onclick="changeImage(id)"></td>
<td><img id="wj4" src="sc\1.jpg" onclick="changeImage(id)"></td>
</tr>
---------其他格子重复 省略-----
</body> 展开
2017-04-06 · 百度知道合伙人官方认证企业
育知同创教育
1【专注:Python+人工智能|Java大数据|HTML5培训】 2【免费提供名师直播课堂、公开课及视频教程】 3【地址:北京市昌平区三旗百汇物美大卖场2层,微信公众号:yuzhitc】
向TA提问
关注
展开全部
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" />
<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{
}
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询