javascript 循环显示图片
就是在静态页面里3张图片循环显示知道是用循环得到要显示图片的数字再通过getElementById（字符串+数字）来完成但是不知道循环怎么写谁能帮我解决下...
就是在静态页面里3张图片循环显示 知道是用循环得到要显示图片的数字再通过getElementById（字符串+数字）来完成 但是不知道循环怎么写谁能帮我解决下
展开
2个回答
展开全部
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script type="text/javascript">
var img=new Array();
img[0]="img-1.jpg";
img[1]="img-2.jpg";
img[2]="img-3.jpg";
//图片可以自己增加
var index=0;
function show(){
if(index>2){//图片增加了的话，这里2也要改
index=0;
}
document.getElementById("images").src=img[index];
document.getElementById("images").title="图片"+(index+1);
index++;
setTimeout("show()",1000);//1000毫秒是1秒，隔1秒换，2秒就是2000
}
</script>
<title>@title</title>
</head>
<body onload="show();">
<div>
<img id="images" src="image-1.jpg" title="图片1" />
</div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script type="text/javascript">
var img=new Array();
img[0]="img-1.jpg";
img[1]="img-2.jpg";
img[2]="img-3.jpg";
//图片可以自己增加
var index=0;
function show(){
if(index>2){//图片增加了的话，这里2也要改
index=0;
}
document.getElementById("images").src=img[index];
document.getElementById("images").title="图片"+(index+1);
index++;
setTimeout("show()",1000);//1000毫秒是1秒，隔1秒换，2秒就是2000
}
</script>
<title>@title</title>
</head>
<body onload="show();">
<div>
<img id="images" src="image-1.jpg" title="图片1" />
</div>
</body>
</html>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<html>
<body>
<script language="javascript">
var timerID;
var i = 1;
var a = new Array() ;
a[0] = '1.jpg';
a[1] = '2.gif';
a[2] = '3.gif';
function f1() {
var obj= document.getElementById('imgFor');
obj.src = a[i%3];
i++;
}
</script>
<table>
<form name="frm1">
<tr><td><img id="imgFor" src="1.jpg"></tr></td>
<tr><td><input name="b1" type="button" value="start" onClick="javascript:timerID=setInterval(f1,2000);document.frm1.b1.disabled=true;document.frm1.b2.disabled=false;"></tr></td>
<tr><td><input name="b2" type="button" value="stop" onClick="javascript:clearInterval(timerID);document.frm1.b1.disabled=false;document.frm1.b2.disabled=true;" disabled=true></tr></td>
</form>
</table>
</body>
</html>
<body>
<script language="javascript">
var timerID;
var i = 1;
var a = new Array() ;
a[0] = '1.jpg';
a[1] = '2.gif';
a[2] = '3.gif';
function f1() {
var obj= document.getElementById('imgFor');
obj.src = a[i%3];
i++;
}
</script>
<table>
<form name="frm1">
<tr><td><img id="imgFor" src="1.jpg"></tr></td>
<tr><td><input name="b1" type="button" value="start" onClick="javascript:timerID=setInterval(f1,2000);document.frm1.b1.disabled=true;document.frm1.b2.disabled=false;"></tr></td>
<tr><td><input name="b2" type="button" value="stop" onClick="javascript:clearInterval(timerID);document.frm1.b1.disabled=false;document.frm1.b2.disabled=true;" disabled=true></tr></td>
</form>
</table>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
