JS代码实现图片循环的问题
大神帮我看下。下面这串代码引用的图片只能把图片放在根目录下。能不能改下代码让他引用根目录下images文件夹里的图片？<htmlxmlns="http://www.w3....
大神帮我看下。下面这串代码 引用的图片只能把图片放在根目录下。 能不能改下代码 让他引用根目录下 images文件夹里的图片？
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>无标题页</title>
<script type="text/javascript">
//实现图片的预加载
var imageArray = [];
for(i=0; i< 7 ;i++){
imageArray[i] = new Image();
imageArray[i].src = (i+1) + '.jpg';
}
//初始化
index = 0;
//循环播放实现
function xunhuan(){
imageCanvas = document.getElementById('image');
imageCanvas.src = imageArray[index].src;
if(index >=6)
{index=0;}
else
{index++;}
window.setTimeout(xunhuan,1000);
}
</script>
</head>
<body onload="xunhuan()">
<table style="width: 500px">
<tr>
<td style="width: 2868px; height: 296px">
<img id="image"style="width: 480px; height: 283px" /></td>
</tr>
</table>
<br />
</body>
</html> 展开
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>无标题页</title>
<script type="text/javascript">
//实现图片的预加载
var imageArray = [];
for(i=0; i< 7 ;i++){
imageArray[i] = new Image();
imageArray[i].src = (i+1) + '.jpg';
}
//初始化
index = 0;
//循环播放实现
function xunhuan(){
imageCanvas = document.getElementById('image');
imageCanvas.src = imageArray[index].src;
if(index >=6)
{index=0;}
else
{index++;}
window.setTimeout(xunhuan,1000);
}
</script>
</head>
<body onload="xunhuan()">
<table style="width: 500px">
<tr>
<td style="width: 2868px; height: 296px">
<img id="image"style="width: 480px; height: 283px" /></td>
</tr>
</table>
<br />
</body>
</html> 展开
1个回答
展开全部
for(i=0; i< 7 ;i++){
imageArray[i] = new Image();
// imageArray[i].src = (i+1) + '.jpg';
imageArray[i].src = '/images/' +(i+1) + '.jpg';
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
