可不可以实现图片的轮换出现？ - Dreamweaver及网页制作 - 5D艺术网，我的艺术网！

» 互动论坛 » Dreamweaver及网页制作 » 可不可以实现图片的轮换出现？

跳转到：

每页显示15条 1/1 << <1 >>

	主题: 可不可以实现图片的轮换出现？
汉花唐落职务：普通成员等级：1 金币：0.0 发贴：3 注册：2002/9/3 22:24:34	引用 #12003/11/23 21:12:51 像这个网站上的图片共是10多张，刷新一次就换一张。www.sinsoft.com.cn
vickie_5d 职务：普通成员等级：3 金币：2.0 发贴：946 注册：2003/5/23 12:33:46	引用 #22003/11/23 21:32:09 可以啊~用JS脚本就可以实现~~~~~`
汉花唐落职务：普通成员等级：1 金币：0.0 发贴：3 注册：2002/9/3 22:24:34	引用 #32003/11/23 22:07:25 vickie在上个帖子中说引用: 可以啊~用JS脚本就可以实现~~~~~` 能说说用什么脚本吗？谢谢
{ 在指尖上绽放的花朵 } 职务：普通成员等级：5 金币：14.0 发贴：3209 注册：2002/7/25 21:24:11	引用 #42003/11/29 20:33:06 只要是网页编码语言应该都可以实现的~~~
风吹蜡烛职务：普通成员等级：2 金币：1.0 发贴：334 注册：2003/11/13 20:35:23	引用 #52003/11/29 21:39:16 结果楼上的都没说怎么实现~~~
我佛山人职务：版主等级：4 金币：16.0 发贴：2269 注册：2002/8/7 15:09:27	引用 #62003/12/1 0:34:36 如果象你说的那样刷新一次页面才会更换一次图片，那个应该是随机的，用Math.random取随机数就行了，真正的图片轮换一般是自己轮换的： 1.图片轮换时利用revealTrans滤镜产生轮换效果： <img src="icon/icon1.gif" id="turn" width="200" style="filter:revealTrans(duration=1)"> <script> var obj,first,total,cn,delay=2000 function window.onload(){ obj=document.getElementById("turn") //捕获ID为turn的对象 first=1 //第一张图片的路径信息 total=16 //最后一张图片的路径信息 cn=1 //当前显示的图片路径信息 setTimeout("change()",delay/2) //delay/2毫秒后执行change()函数 } function change(){ url="icon/icon" //图片路径的前部分 suffix=".gif" //图片的扩展名 if(cn<total) //如果当前图片数字小于最后一张的图片数字 url+=(cn+=1)+suffix //cn自增1，并连接字符串得到url else if(cn==total) //否则如果当前图片数字等于最后一张的图片数字，即轮换到最后一张时 url+=(cn=first)+suffix //cn重调为first(第一张图片)，并且连接字符串得到url with(obj.filters.revealTrans){ apply() //捕获对象内容的初始显示，为转换做必要的准备 transition=23 //revealTrans滤镜的转换效果，0到22为23种效果，23为23种效果的随机一种 obj.src=url //设置图片的路径 play() //开始转换。 } setTimeout("change()",delay) //delay毫秒后再次执行change()函数 } </script> [Ctrl+A 全部选择提示：你可先修改部分代码，再按运行] 2. 利用wipe滤镜进行左右擦洗式轮换 <img src="icon/icon1.gif" id="turn" width="200" style="filter:progid:DXImageTransform.Microsoft.Wipe(GradientSize=.5, wipeStyle=0, motion='forward')"> <script> var obj,first,total,cn,delay=2000 function window.onload(){ obj=document.getElementById("turn") //捕获ID为turn的对象 first=1 //第一张图片的路径信息 total=16 //最后一张图片的路径信息 cn=1 //当前显示的图片路径信息 setTimeout("change()",delay/2) //delay/2毫秒后执行change()函数 } function change(){ url="icon/icon" //图片路径的前部分 suffix=".gif" //图片的扩展名 if(cn<total) //如果当前图片数字小于最后一张的图片数字 url+=(cn+=1)+suffix //cn自增1，并连接字符串得到url else if(cn==total) //否则如果当前图片数字等于最后一张的图片数字，即轮换到最后一张时 url+=(cn=first)+suffix //cn重调为first(第一张图片)，并且连接字符串得到url with(obj.filters[0]){ apply() //捕获对象内容的初始显示，为转换做必要的准备 duration=delay/1000 //设置转换完成所用的时间为delay/1000秒 motion={reverse:'forward',forward:'reverse'}[motion] //用这个方法实现左右互换擦除的效果 obj.src=url //设置图片的路径 play() //开始转换。 } setTimeout("change()",delay) //delay毫秒后再次执行change()函数 } </script> [Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]
风吹蜡烛职务：普通成员等级：2 金币：1.0 发贴：334 注册：2003/11/13 20:35:23	引用 #72003/12/1 8:57:47 我佛山人真是厉害~做啥的？程序员？

每页显示15条 1/1 << <1 >>