写一个网页和一个JS文件(当前目录下的images子目录啊下有5张图片), 网页调用JS,
让网页上的图片每隔5秒切换一次图片是本地的不需要多复杂,能实现网页内的图片每隔5秒自动切换下一张就行了越精简越好发...
让网页上的图片每隔5秒切换一次
图片是本地的
不需要多复杂,能实现网页内的图片每隔5秒自动切换下一张就行了
越精简越好发 展开
图片是本地的
不需要多复杂,能实现网页内的图片每隔5秒自动切换下一张就行了
越精简越好发 展开
2个回答
展开全部
var PicNum;
PicNum=0;
function ChangePic()
{
var PicURL;
PicNum++;
if (PicNum>n) //n为轮播放图片数
{
Pic=1;
}
PicURL="/Image/Pic"+Pic+".jpg"; //假设图片链接是 /Image/PicX.jpg X为图片编号
document.getElementById("Show").src=PicURL; //更改图片链接
}
s=setInterval('ChangePic()',5000); //每5秒执行一次换图
网页部份
<img src="/Image/Pic1.jpg" id="Show" /></img>
PicNum=0;
function ChangePic()
{
var PicURL;
PicNum++;
if (PicNum>n) //n为轮播放图片数
{
Pic=1;
}
PicURL="/Image/Pic"+Pic+".jpg"; //假设图片链接是 /Image/PicX.jpg X为图片编号
document.getElementById("Show").src=PicURL; //更改图片链接
}
s=setInterval('ChangePic()',5000); //每5秒执行一次换图
网页部份
<img src="/Image/Pic1.jpg" id="Show" /></img>
更多追问追答
追问
我测试了一下 没有反应 图片没有变化 没有转换 提示的是网页有错误
追答
你要安装一个运行环境,比如wamp,如果还有错,截图发来...
展开全部
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script>
var IMG_SRC = new Array("src1","src2","src3"),i=0;
function loadIMG(){
document.getElementById("img").src=IMG_SRC[i];
if(i == IMG_SRC.length){
i=0;
}else{
i++;
}
}
</script>
<title>无标题文件</title>
</head>
<body onload="setInterval(loadIMG, 500);">
<img id="img" src="#"/>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询