想实现图片的幻灯播放,为什么点击按钮不起作用?
想实现图片的幻灯播放,为什么点击按钮不起作用?<htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equi...
想实现图片的幻灯播放,为什么点击按钮不起作用?
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script language="javascript" type="text/javascript">
var image;
var current=0;
var images=new Array(3);
//定义变量timerID用于保存定时器的ID
var timerID;
function init()
{
for(var i=0;i<images.length;i++)
{
images[i]=new image(300,300);
images[i].src=i+".jpg";
}
image=document.images[0];
}
function setSrc(i)
{
current=i;
//设置图像的src属性, 以此来实现图像的切换
image.src=images[i].src;
}
function next()
{
if(current>=2)
{
return false;
}
else
{
//变量current的值自加1
current++;
setSrc(current);
}
}
function previous()
{
if(current<=0)
{
return false;
}else
{
//变量current的值自减1
current--;
setSrc(current);
}
}
function play()
{
//当前图像为最后一张时设置图像为第1张
if(current>=2)
{
current=-1;
}
setSrc(++current);
}
</script>
</head>
<body onload="init()">
<form id="form1" name="form1" method="post" action="">
<input type="button" name="Submit" value="第 一 张" onclick="setSrc(0)" />
<input type="button" name="Submit2" value="上 一 张" onclick="previous()" />
<input type="button" name="Submit3" value="下 一 张" onclick="next()"/>
<input type="button" name="Submit4" value="最后一张" onclick="setSrc(2)"/>
<input type="button" name="Submit5" value="幻灯播放" onclick="timerID=setInterval(play,1000)"/>
<input type="button" name="Submit6" value="停止播放" onclick="clearInterval(timerID)"/>
</form><p>
<div align="center"><img src="0.jpg" /></div>
</body>
</html> 展开
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script language="javascript" type="text/javascript">
var image;
var current=0;
var images=new Array(3);
//定义变量timerID用于保存定时器的ID
var timerID;
function init()
{
for(var i=0;i<images.length;i++)
{
images[i]=new image(300,300);
images[i].src=i+".jpg";
}
image=document.images[0];
}
function setSrc(i)
{
current=i;
//设置图像的src属性, 以此来实现图像的切换
image.src=images[i].src;
}
function next()
{
if(current>=2)
{
return false;
}
else
{
//变量current的值自加1
current++;
setSrc(current);
}
}
function previous()
{
if(current<=0)
{
return false;
}else
{
//变量current的值自减1
current--;
setSrc(current);
}
}
function play()
{
//当前图像为最后一张时设置图像为第1张
if(current>=2)
{
current=-1;
}
setSrc(++current);
}
</script>
</head>
<body onload="init()">
<form id="form1" name="form1" method="post" action="">
<input type="button" name="Submit" value="第 一 张" onclick="setSrc(0)" />
<input type="button" name="Submit2" value="上 一 张" onclick="previous()" />
<input type="button" name="Submit3" value="下 一 张" onclick="next()"/>
<input type="button" name="Submit4" value="最后一张" onclick="setSrc(2)"/>
<input type="button" name="Submit5" value="幻灯播放" onclick="timerID=setInterval(play,1000)"/>
<input type="button" name="Submit6" value="停止播放" onclick="clearInterval(timerID)"/>
</form><p>
<div align="center"><img src="0.jpg" /></div>
</body>
</html> 展开
2个回答
2010-10-19
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询
广告 您可能关注的内容 |