菜鸟求教：如何实现图片连续的循环变化！！！ - JavaScript论坛

编程论坛 → WEB开发 → 『 JavaScript论坛』 → 菜鸟求教：如何实现图片连续的循环变化！！！

标题：菜鸟求教：如何实现图片连续的循环变化！！！

只看楼主

浪子回头

等　级：新手上路
帖　子：3
专家分：0
注　册：2005-2-20

楼主

问题点数：0 回复次数：6

菜鸟求教：如何实现图片连续的循环变化！！！

小弟求教大哥们，假设有3张图片，载入页面的时候先是显示第一张图片，过了2秒以后在同一个位置显示第二张图片，又过了2秒以后又显示第三张图片，这样不停的循环下去，怎么用JS代码实现呀？？？？小弟感恩不尽！！！

搜索更多相关主题的帖子: 图片　感恩　如何　大哥　

2005-02-20 18:47

bingxue2332

等　级：新手上路
威　望：6
帖　子：446
专家分：0
注　册：2004-11-6

第 2 楼

得分:0

var img = new Array(3); var start = null; var counter = 1; var delayTime ; delayTime = 2000;

if(document.images) { for(i = 1; i <= 3; i++) { img[i] = new Image(); img[i].src = "pic" + i + ".jpg"; //此处的SRC 属性修改一下 } }

function anim() { counter++; document.images[0].src = img[counter].src;

if(counter == 3) counter = 0; }

function slide() { start = setInterval("anim()", delayTime); } </script>

<img src="pic1.jpg" border=0 width=400 height=300> //此处的SRC 属性修改一下 </body> </html>

2005-02-21 13:38

浪子回头

等　级：新手上路
帖　子：3
专家分：0
注　册：2005-2-20

第 3 楼

得分:0

多谢斑主大哥了，麻烦你可以说的详细些么，小弟是菜鸟呀，我怎么只看见1张图片的属性，你没写完呀！！！

function anim() { counter++; document.images[0].src = img[counter].src;

if(counter == 3) counter = 0; 这是什么意思呀？？？？ setInterval函数有什么功能么，他是什么意思呀？？？？？？？？？

2005-02-21 23:03

griefforyou

等　级：贵宾
威　望：27
帖　子：3336
专家分：0
注　册：2004-4-15

第 4 楼

得分:0

看这里 http://bbs.bc-cn.net/bbs/dispbbs.asp?boardID=15&ID=12496&page=1

天津网站建设 http://www./

2005-02-23 20:05

tianlei

等　级：新手上路
帖　子：180
专家分：0
注　册：2005-2-26

第 5 楼

得分:0

也可用dreamweaver在设计页面上先插入一个*。swf的flash 然后在属性里添加你要循环的图片（注：不能是gif格式的图片）就可以已不同的方式显示不同的图片，用这种方法还可以建一个循环显示的相册那

叹年光过去功名未立书生老去机会方来

2005-02-26 16:22

mist1214

等　级：新手上路
帖　子：2
专家分：0
注　册：2005-3-1

第 6 楼

得分:0

2005-03-01 09:35

godblod

等　级：新手上路
帖　子：17
专家分：0
注　册：2005-1-19

第 7 楼

得分:0

简单点。
var current_id=0;
var img_array=new Array();
img_array[0]="img/abc.jpg";
img_array[1]="img/efg.jpg";
img_array[2]="img/ijk.jpg";
function chgImg(){
var the_img=window.document.getElementById("myImg");
the_img.src=img_array[current_id]
current_id++;
if (current_id>=img_array.length){
current_id=0;
}
}
function runChg(){
setTimeout("chgImg();",500);
}
<body onLoad="runChg();">
<img id="myImg" src="img/abc.jpg">
</body>

2005-03-02 00:01

参与讨论请移步原网站贴子：https://bbs.bccn.net/thread-12366-1-1.html