写一个网页和一个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,如果还有错,截图发来...
展开全部
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 | <!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 > |
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询