关于JS 图片切换代码
<title>图片切换</title><scriptlanguage=javascript>varcurIndex=0;//时间间隔单位毫秒vartimeInterval...
<title>图片切换</title>
<script language =javascript >
var curIndex=0;
//时间间隔 单位毫秒
var timeInterval=3000;
var arr=new Array();
arr[0]="../images/1.jpg"
arr[1]="../images/2.jpg"
arr[2]="../images/3.jpg"
setInterval(changeImg,timeInterval);
function changeImg()
{
var obj=document.getElementById("showpic");
if (curIndex==arr.length-1)
{
curIndex=0;
}
else
{
curIndex+=1;
}
obj.src="images/"+arr[curIndex];
}
</script>
</head>
<body>
<img src="images/1.jpg" width="427" height="219" id="showpic" />
</body>
在这里基础上给我加上 按钮 1 2 3 。
就是点1的换出现第一张图。
点2的换出现第2张图。
不点的换图片自动切换。谢谢 展开
<script language =javascript >
var curIndex=0;
//时间间隔 单位毫秒
var timeInterval=3000;
var arr=new Array();
arr[0]="../images/1.jpg"
arr[1]="../images/2.jpg"
arr[2]="../images/3.jpg"
setInterval(changeImg,timeInterval);
function changeImg()
{
var obj=document.getElementById("showpic");
if (curIndex==arr.length-1)
{
curIndex=0;
}
else
{
curIndex+=1;
}
obj.src="images/"+arr[curIndex];
}
</script>
</head>
<body>
<img src="images/1.jpg" width="427" height="219" id="showpic" />
</body>
在这里基础上给我加上 按钮 1 2 3 。
就是点1的换出现第一张图。
点2的换出现第2张图。
不点的换图片自动切换。谢谢 展开
1个回答
展开全部
JS方法
function indexClick(index){
var obj=document.getElementById("showpic");
obj.src="../images/"+arr[index];
curIndex=index;
clearInterval(itv);
itv=setInterval(changeImg,timeInterval);
}
按钮
<button onclick="indexClick(0);">1</button> <button onclick="indexClick(1);">2</button> <button onclick="indexClick(2);">3</button>
function indexClick(index){
var obj=document.getElementById("showpic");
obj.src="../images/"+arr[index];
curIndex=index;
clearInterval(itv);
itv=setInterval(changeImg,timeInterval);
}
按钮
<button onclick="indexClick(0);">1</button> <button onclick="indexClick(1);">2</button> <button onclick="indexClick(2);">3</button>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
