| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 1253 人关注过本帖
标题:菜鸟求教:如何实现图片连续的循环变化!!!
只看楼主 加入收藏
浪子回头
Rank: 1
等 级:新手上路
帖 子:3
专家分:0
注 册:2005-2-20
收藏
 问题点数:0 回复次数:6 
菜鸟求教:如何实现图片连续的循环变化!!!
小弟求教大哥们,假设有3张图片,载入页面的时候先是显示第一张图片,过了2秒以后在同一个位置显示第二张图片,又过了2秒以后又显示第三张图片,这样不停的循环下去,怎么用JS代码实现呀???? 小弟感恩不尽!!!
搜索更多相关主题的帖子: 图片 感恩 如何 大哥 
2005-02-20 18:47
bingxue2332
Rank: 3Rank: 3
等 级:新手上路
威 望:6
帖 子:446
专家分:0
注 册:2004-11-6
收藏
得分:0 

<html> <body onLoad="slide()">

<script language="JavaScript" type="text/JavaScript">

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
浪子回头
Rank: 1
等 级:新手上路
帖 子:3
专家分:0
注 册:2005-2-20
收藏
得分:0 
多谢斑主大哥了,麻烦你可以说的详细些么,小弟是菜鸟呀,我怎么只看见1张图片的属性,你没写完呀!!!

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

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

2005-02-21 23:03
griefforyou
Rank: 6Rank: 6
等 级:贵宾
威 望:27
帖 子:3336
专家分:0
注 册:2004-4-15
收藏
得分:0 

天津网站建设 http://www./
2005-02-23 20:05
tianlei
Rank: 1
等 级:新手上路
帖 子:180
专家分:0
注 册:2005-2-26
收藏
得分:0 
也可用dreamweaver在设计页面上先插入一个*。swf的flash  然后在属性里添加你要循环的图片(注:不能是gif格式的图片)就可以已不同的方式显示不同的图片,用这种方法还可以建一个循环显示的相册那

叹年光过去 功名未立 书生老去 机会方来
2005-02-26 16:22
mist1214
Rank: 1
等 级:新手上路
帖 子:2
专家分:0
注 册:2005-3-1
收藏
得分:0 
2005-03-01 09:35
godblod
Rank: 1
等 级:新手上路
帖 子:17
专家分:0
注 册:2005-1-19
收藏
得分: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&gt;=img_array.length){
current_id=0;
}
}
function runChg(){
setTimeout("chgImg();",500);
}
&lt;body onLoad="runChg();"&gt;
&lt;img id="myImg" src="img/abc.jpg"&gt;
&lt;/body&gt;

2005-03-02 00:01
快速回复:菜鸟求教:如何实现图片连续的循环变化!!!
数据加载中...
 
   



关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.043500 second(s), 8 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved