主题:  跪求指点:如何实现图片连续的循环变化!!!

COLLBOY

职务:普通成员
等级:1
金币:0.0
发贴:28
#12005/2/19 9:34:55
小弟求教大哥们,假设有3张图片,载入页面的时候先是显示第一张图片,过了2秒以后在同一个位置显示第二张图片,又过了2秒以后又显示第三张图片,这样不停的循环下去,怎么用JS代码实现呀????
小弟感恩不尽!!!



{ 在指尖上绽放的花朵 }

职务:普通成员
等级:5
金币:14.0
发贴:3209
#22005/2/19 18:13:14
可以用 setTimeout() 函数做出这个效果。。。

你先自己写写看。。遇到不明白的再来问~~~



passhelp

职务:普通成员
等级:1
金币:-4.0
发贴:39
#32005/2/20 13:34:13
专业低价代考各类IT国际认证,过后付款,无风险,信誉保证!我们本身就是授权考试中心,代考思科,微软,华为,SUN,Oracle,CIW,Adobe,Macromedia,Autodesk,Discreet,IBM,Novell,Linux,Checkpoint,Lotus,OSTA等全系列考试。同时出售各类考试题库宝典,CCNA,CCNP,SUN,华为等考试优惠券。由我们的考试中心内部讲师代考,所有操作只在中心内部完成,安全快捷,100%一次性通过,成绩当天可官网查询!CCNA 1300 CCNP 5250 MCSE2000 4700 SCJP 2100 HCNE1300……更多详情请咨询
QQ:82165773 E-mail:passhelp@163.com
同时征招各地代理!



COLLBOY

职务:普通成员
等级:1
金币:0.0
发贴:28
#42005/2/20 18:02:26
行者兄台,麻烦指点迷津呀,以下是小弟的思路,本人的想象力有限!
<script language="javascript"><!--
function showimage(){
每个图间暂停2秒。
var pausebetweenimages=2000
var images=new Array()
for(var i=1; i<=images.length; i++) {images[i]=new Image()}
images[0]=<img src="e:/image/a.jpg">
images[1]=<img src="e:/image/b.jpg">
images[2]=<img src="e:/image/c.jpg">
images[3]=<img src="e:/image/d.jpg">
document.write(img src="+images[i]+"
setTimeout("showimage()",pausebetweenimages)
}
//-->
</script> 需要定义初始化图片的属性么?????



{ 在指尖上绽放的花朵 }

职务:普通成员
等级:5
金币:14.0
发贴:3209
#52005/2/20 18:53:56
引用:
<script language="javascript">
<!--

function showimage(){

 var pausebetweenimages=2000
 var images=new Array()

 for(var i=1; i<=images.length; i++) {

  images[i]=new Image()

 }

 images[0]=<img src="e:/image/a.jpg">
 images[1]=<img src="e:/image/b.jpg">
 images[2]=<img src="e:/image/c.jpg">
 images[3]=<img src="e:/image/d.jpg">


 document.write(img src="+images[i]+")

 setTimeout("showimage()",pausebetweenimages)

}

//-->
</script>



ok我们来分析这段代码。。。

首先第一眼能看到的问题。。。

javascript 在语句和语句之间需要以分号 ; 间隔。。。

你的程序似乎没有呢。。这是基础问题的说。。。

红色部分。。。

可以想到把所有需要显示的图片放到一个数组里面。。。

这是很好的。。。

但是到了橙色的显示部分。。。你为什么用一个 for 循环呢?

for 循环是单次的。。。也就是显示完最后的图片之后就不会从第一个图片再显示了。。。

另外说循环体绿色部分。。。

完全没明白这是要做什么。。。可以给我解释一下吗?

下面的青色赋值部分。。。。

字符串的边界在哪里?

蓝色输出部分。。。。

似乎没有写全?

按照你的意思。。。输出的结果会是这样的东西。。。

(img src=<img src="e:/image/a.jpg">)

看看对吗?

紫色部分到使用对了。。。。。只是函数部分问题太大。。。

所以不能正常显示呢。。。。



{ 在指尖上绽放的花朵 }

职务:普通成员
等级:5
金币:14.0
发贴:3209
#62005/2/20 18:58:49
给一个在网页中显示图片的例子。。。。


[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]