首页 新闻 论坛 群组 Blog 文档 下载 读书 Tag 网摘 搜索 .NET Java 游戏 视频 人才 外包 培训 数据库 书店 程序员
中国软件网
欢迎您:游客 | 登录 注册 帮助
  • js轮换图片不稳定... [已结贴,结贴人:egg_server]
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • egg_server
    • 等级:
    • 可用分等级:
    • 总技术分:
    • 总技术分排名:
    • 揭贴率:
    发表于:2008-08-20 09:00:26 楼主
    JScript code
    <script> //alert(window.navigator.appName) var playnum=0;//当前运行到第几张图片的数组下标 var array_img=new Array(); var array_link=new Array(); var timer; array_img[0]="images/pic_1.jpg";//这里图片实际是库里的记录..会不会更这个有关系 array_img[1]="images/pic_2.jpg"; array_img[2]="images/pic_3.jpg"; array_img[3]="images/pic_4.jpg"; array_img[4]="images/pic_5.jpg"; array_link[0]="untitled1.asp"; array_link[1]="untitled2.asp"; array_link[2]="untitled3.asp"; array_link[3]="untitled4.asp"; array_link[4]="untitled5.asp"; function playnext(){ if (playnum>array_img.length-1){ playnum=0; } //alert(playnum); document.all.imagesPIC.src=array_img[playnum]; //document.all.imagesPIC.alt=array_link[playnum]; if(biaoji=="ok") { document.all.link_img.target="_blank"; document.all.link_img.href=array_link[playnum]; } //document.all.view_text.innerText=array_link[playnum]; document.all.link_view[playnum].className="link_a_hover"; playnum++; if (document.all){ document.all.imagesPIC.filters.revealTrans.Transition=Math.floor(Math.random()*23); //document.all.imagesPIC.filters[0].apply(); //document.all.imagesPIC.filters[0].play(); document.all.imagesPIC.filters.revealTrans.apply(); document.all.imagesPIC.filters.revealTrans.play(); }timer=setTimeout("playnext()","3000"); } document.write('<table width="183" border="0" cellspacing="1" bgcolor="#CCCCCC" style="font-size:12px" >'); document.write('<tr><td width="204" height="0" bgcolor="#FFFFFF"><a id="link_img">'); document.write('<img height="116" width="183" src="images/pic_1.jpg" border="0" name="imagesPIC" style="FILTER: revealTrans(duration=2,transition=20)" />'); document.write('</a></td></tr><tr><td align="center" bgcolor="#FFFFFF" >'); document.write('<div height="50" ><div align="right">'); document.write('<a target="_blank" style="cursor:hand" id="link_view" class="link_a" onClick="javacript:playnum=0;clearTimeout(timer);playnext();">1</a>&nbsp;'); document.write('<a target="_blank" style="cursor:hand" id="link_view" class="link_a" onClick="javacript:playnum=1;clearTimeout(timer);playnext();">2</a>&nbsp;'); document.write('<a target="_blank" style="cursor:hand" id="link_view" class="link_a" onClick="javacript:playnum=2;clearTimeout(timer);playnext();">3</a>&nbsp;'); document.write('<a target="_blank" style="cursor:hand" id="link_view" class="link_a" onClick="javacript:playnum=3;clearTimeout(timer);playnext();">4</a>&nbsp;'); document.write('<a target="_blank" style="cursor:hand" id="link_view" class="link_a" onClick="javacript:playnum=4;clearTimeout(timer);playnext();">5</a>&nbsp;'); document.write('</div></div></td></tr></table>'); </script>

    以上代码能实现图片轮换,但是好像不稳定..正常轮换时候出现花样画图...有时候就是一闪就换图了..并没有出现想要的换图效果
    请有时间的大哥们..帮忙测试一下..找出不稳定的原因
    100  修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • egg_server
    • 等级:
    • 可用分等级:
    • 总技术分:
    • 总技术分排名:
    发表于:2008-08-21 17:58:491楼 得分:0
    散分了....
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • leungsimon
    • 等级:
    • 可用分等级:
    • 总技术分:
    • 总技术分排名:
    发表于:2008-08-21 18:09:172楼 得分:25
    网上有相关的图片轮显flash控件,设置也很方便,不要自己写这么多代码
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • hejunbin
    • 等级:
    • 可用分等级:
    • 总技术分:
    • 总技术分排名:
    发表于:2008-08-21 18:12:413楼 得分:40
    应该是这样的,图片在网页上需要载入,但是需要时间,当没有完全载入,却切换到下一个图片的时候就出现这种现象。
    js楼里面有一个images对象的,有预先载入的功能,可以试试o(∩_∩)o...
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • egg_server
    • 等级:
    • 可用分等级:
    • 总技术分:
    • 总技术分排名:
    发表于:2008-08-22 09:01:294楼 得分:0
    之前本来就是用的FLASH..后来又要我该成JS的...现在没问题了...
    真是麻烦死了...
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • Ricky_66
    • 等级:
    • 可用分等级:
    • 总技术分:
    • 总技术分排名:
    发表于:2008-08-22 09:51:085楼 得分:25
    界分
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • sayfree
    • 等级:
    • 可用分等级:
    • 总技术分:
    • 总技术分排名:
    发表于:2008-08-22 11:15:556楼 得分:10
    http://topic.csdn.net/u/20080818/18/0516ec79-ec39-48ee-9269-0d01195f59d0.html
    修改 删除 举报 引用 回复

    网站简介广告服务网站地图帮助联系方式诚聘英才English 问题报告
    北京创新乐知广告有限公司 版权所有 京 ICP 证 070598 号
    世纪乐知(北京)网络技术有限公司 提供技术支持
    Copyright © 2000-2008, CSDN.NET, All Rights Reserved