JS代码实现图片循环的问题

大神帮我看下。下面这串代码 引用的图片只能把图片放在根目录下。 能不能改下代码 让他引用根目录下 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>

  for(i=0; i< 7 ;i++){
    
       imageArray[i] = new Image(); 
    
       // imageArray[i].src = (i+1) + '.jpg';
       imageArray[i].src = '/images/' +(i+1) + '.jpg';
    
   }

温馨提示:内容为网友见解,仅供参考
无其他回答

求JS 大神,教教我图片轮播、、好心求解
要实现图片滚动轮播,可以有很多方式,无非是通过调整外围容器的位置(left\/top)或者内部图片容器的定位(marin-left\/margin-top)来实现的。这里我以前者为例(向左滚动):通常的实现方式是:1) 有一个外层容器,同时作为“视口”,这个viewPort有固定的尺寸,超出的部分隐藏,定位方式为“relative”;2...

js,html,css 讲2张图片 每隔5秒 轮流循环显示。
注意图片的路径要根据自己的实际情况去写,图片的名字最好写成数字,1.jpg,2.jpg,以方便代码识别.

怎样用JS动态的改变img标签里面的src属性实现图片的循环切换。
js:根据循环切换条件可以用document.getElementById("").src=""设置,或者juqery:("#id").attr("src","图片名称");

js中,如何等待多个图片加载完后再执行其他的js代码。
可以在js全局代码中,增加一个变量n,用作计数器,表示总图片数。然后使用图片的onload事件,每成功加载一次图片,将计数器n减去1 当n变成0时,表示图片均加载完毕,这时即可开始执行其他JS代码。具体示例代码:var n=$pre4y_main.length;...$img[0].onload=function(){ ... n--; if(!

大事们,问一个图片循环的问题
这有个JS源码案例,你可以参考下 <TR> <TD> 1

网页怎样循环显示图片,JS。
可以测试一下以下代码:<SCRIPT LANGUAGE="JavaScript"><!-- Beginvar rotate_delay = 5000; \/\/ delay in milliseconds (5000 = 5 secs)current = 0;function next() {if (document.slideform.slide[current+1]) {document.images.show.src = document.slideform.slide[current+1].value;document...

下面的代码怎么修改,能实现图片轮播
图片轮播的话,有两种方式:1. 通过js控制图片的显隐来实现轮播:实现简单;通过定时器切换图片。这种方式我博客里有关键代码,可以百度以下内容查看:使用javascript,jquery实现的图片轮播功能[xyytIT]2. 通过定位方式,使图片按照从左到右,或上下的顺序排列,这种效果比较好,但是实现起来,比较麻烦;目前...

图片首尾相接左右循环滚动代码
vspace="滚动区距上边框距离" hspace="滚动区距左边框距离" width="滚动区长度" heiget="60" onmouseout=this.start() onmouseover=this.stop()> ... <\/marquee>

跪求!请问这段js代码如何让图片一直停留,他几秒就不见了,代码如下:
如果按照你的代码的话,可以将这两句 clearTimeout(mytime);oPopup.hide();改为:popTop=40;就可以一直显示了,不过这样比较占客户端资源。

javascript 怎样实现图片动态切换
1、HTML结构 2、javascript代码 function change(n){if(n>5) n=1; \/\/ 一共5张图片,所以循环替换document.getElementById("test").setAttribute("src", n+".png");n++;setTimeout("change("+n+")",1000);}window.onload = function(){setTimeout("change(1)", 1000);} 3、效果...

相似回答