首 页   · 站长博客 · 用户注册 · 会员登陆  · 会员排行  ·最新主题  ·最近回复  精华区  版权声明  ·论坛管理
  当前登录身份:游客,请先登录。  笔名: 口令: 验证码:   
楼 主  index »  HTML/JS/CSS技术专区 » [求助]在网页中几张图片的交互式切换的JavaScript代码是怎么样的?  


  作者:寻梦小子
  注册时间:2005-05-20
  主题/回复:12/14
  积分:475
  等级:★★☆(五级)
  称号:略有小成

用户联系方式已设置为保密

 

 发表:2005-07-14 06:19:46 阅读 4124 次 回复 4 次 得分3  |   字号 字色
[求助]在网页中几张图片的交互式切换的JavaScript代码是怎么样的?
这个是我从网上下载的:
<SCRIPT language=JavaScript>

var imgUrl=new Array();
var imgLink=new Array();
var adNum=0;
imgUrl[1]="1.jpg";
imgLink[1]="#";
imgUrl[2]="2.jpg";
imgLink[2]="#";
imgUrl[3]="3.jpg";
imgLink[3]="#";
imgUrl[4]="4.jpg";
imgLink[4]="#";
imgUrl[5]="5.jpg";
imgLink[5]="#";
imgUrl[6]="6.jpg";
imgLink[6]="#";

var imgPre=new Array();
var j=0;
for (i=1;i<=6;i++) {
if( (imgUrl!="") && (imgLink!="") ) {
j++;
} else {
break;
}
}

function playTran(){
if (document.all){
document.imgInit.filters[0].play();
}
}

function nextAd(){
if(adNum<j)adNum++ ;
else adNum=1;

if (document.all){
document.imgInit.filters[0].Transition=26;
document.imgInit.filters[0].apply();
}
document.images.imgInit.src=imgUrl[adNum];
playTran();
theTimer=setTimeout("nextAd()", 2000);
}


function goUrl(){
jumpUrl=imgLink[adNum];
jumpTarget='_blank';
if (jumpUrl != ''){
if (jumpTarget != '') 
window.open(jumpUrl,jumpTarget);
else
location.href=jumpUrl;
}
}
</SCRIPT>
谁可以帮我看看有什么问题吗?或者可以的话,麻烦给我提供一段完整的JavaScript代码。谢谢了!
 
 1#楼  
 
  回复人:海天旭日
  注册时间:2004-04-06
  主题/回复:69/145
  积分:1508
  等级:★★★★(八级)
  称号:论坛才子

   
 1#楼 发表于2005-07-14 15:37:08  评分:1 

将以下代码加到< head></ head>间
<!--
// BannerAD
   var bannerAD=new Array();
   var bannerADlink=new Array();
   var adNum=0;
   bannerAD[0]="images/1.jpg";
   bannerAD[1]="images/2.jpg";
   bannerAD[2]="images/3.jpg";
   bannerAD[3]="images/4.jpg";
   bannerAD[4]="images/5.jpg";
   bannerAD[5]="images/6.jpg";
   bannerAD[6]="images/7.jpg";
   var preloadedimages=new Array();
   for (i=1;i<bannerAD.length;i++){
  preloadedimages=new Image();
  preloadedimages.src=bannerAD;
   }

function setTransition(){
   if (document.all){
  bannerADrotator.filters.revealTrans.Transition=Math.floor(Math.random()*23);
  bannerADrotator.filters.revealTrans.apply();
   }
}

function playTransition(){
   if (document.all)
  bannerADrotator.filters.revealTrans.play()
}

function nextAd(){
   if(adNum<bannerAD.length-1)adNum++ ;
  else adNum=0;
   setTransition();
   document.images.bannerADrotator.src=bannerAD[adNum];
   playTransition();
   theTimer=setTimeout("nextAd()", 4000);
}

function jump2url(){
   jumpUrl=bannerADlink[adNum];
   jumpTarget='_blank';
   if (jumpUrl != ''){
  if (jumpTarget != '')window.open(jumpUrl,jumpTarget);
  else location.href=jumpUrl;
   }
}
function displayStatusMsg() { 
   status=bannerADlink[adNum];
   document.returnValue = true;
}
//-->

在需要图片交换切换的地方加入:

<img style="FILTER: revealTrans(duration=2,transition=20)" height=130 width=583 border=0 name=bannerADrotator> 
<SCRIPT language=JavaScript>nextAd()</SCRIPT>
应该就可以了。
 2#楼  
 
  回复人:一起PHP
  注册时间:2004-02-27
  主题/回复:247/1521
  积分:4649
  等级:★★★★★☆(十一级)
  称号:论坛圣人

   
 2#楼 发表于2005-07-14 17:56:09  评分:1 

楼主的问题真让人哭笑不得。
“谁可以帮我看看有什么问题吗?”
你自己有代码,却让别人看看有没有问题。。。你就不能自己运行一下看看么?如果运行出不来效果,然后再问,并且把运行结果说出来,大家可以帮忙想办法。。拿一段代码来,不知道对不对,就问大家,这是要给大家出题考试么?

海天旭日的方法估计可行。我也用过这种效果,是在http://sports.tom.com ,这个网站有这个图片轮显的功能,我从上面COPY的代码。
 3#楼  
 
  回复人:寻梦小子
  注册时间:2005-05-20
  主题/回复:12/14
  积分:475
  等级:★★☆(五级)
  称号:略有小成

用户联系方式已设置为保密
 3#楼 发表于2005-07-14 22:23:39  评分:× 

站长,不好意思哦。我的这个代码我运行过了,存在点问题。大概是我自己表达不清楚。见笑了哦。我试着再运行一下,谢谢站长了哦。
 4#楼  
 
  回复人:Miyahoo
  注册时间:2004-04-04
  主题/回复:39/255
  积分:1210
  等级:★★★☆(七级)
  称号:论坛贤士

   
 4#楼 发表于2005-07-29 17:50:32  评分:1 

这样她太麻烦了吧。 用个for循环加个 setTimeout就完全可以解决了啊?我不明白为什么现在网上流传的脚本都要写得那么复杂。。。。
  页数1/1首页 « 1 » 末页
  发表回复:您还没有登陆,无法发表回复。请先[登陆]

一起PHP技术联盟 主办:一起PHP 联系方式:站长QQ:4304410 QQ群:8423742 20159565 站长博客 E-mail: nqp@nqp.me 执行时间:0.009sec
SimsmaBBS 2008 (v6.0) Developed by 17php.com,Copyright(C)2003-2010 All rights reserved. 副本授权:一起PHP官方专用版