CSDN首页 空间 新闻 论坛 Blog 下载 读书 网摘 搜索 .NET Java 视频 接项目 求职 在线学习 买书 程序员 通知
不看会后悔的Windows XP之经验谈 简单快捷DIY实用家庭影院
CSDN社区
搜索 收藏 打印 关闭
CSDN社区 >  Web 开发 >  ASP

急!高手请进,关于图片特效的问题!在线等!

楼主xuzw0530(jacky)2005-12-01 00:16:21 在 Web 开发 / ASP 提问

小弟我正在制作网页,想和新浪网上的图片效果一样,图片不断更换。我把今天的sports.sina.com.cn中的代码考了下来,但是看不懂,请高手指教!在线等!  
  <!--   flash滚动焦点图   begin   -->  
   
  <!--焦点图开始-->              
  <script   type="text/javascript">  
  <!--  
   
  var   focus_width=260  
  var   focus_height=164  
  var   text_height=25  
  var   swf_height   =   focus_height+text_height  
   
  var   pics='http://image2.sina.com.cn/ty/U350P6T29D1F63DT20051130114259.jpg|http://image2.sina.com.cn/ty/U352P6T29D1F3469DT20051130214230.jpg|http://image2.sina.com.cn/ty/U354P6T29D1F3465DT20051130112959.jpg'  
  var   links='/nba/|http://sports.sina.com.cn/cba/|http://sports.sina.com.cn/tennis/hingis_back/index.shtml'  
  var   texts='火箭胜老鹰结束七连败   姚麦联手得50分|CBA北区   北京克吉林取五连胜|辛吉斯宣布明年正式复出'  
   
  document.write('<object   classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"   codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0"   width="'+   focus_width   +'"   height="'+   swf_height   +'">');  
  document.write('<param   name="allowScriptAccess"   value="sameDomain"><param   name="movie"   value="http://image2.sina.com.cn/bj/zonghe/pixviewer.swf"><param   name="quality"   value="high"><param   name="bgcolor"   value="#DADADA">');  
  document.write('<param   name="menu"   value="false"><param   name=wmode   value="opaque">');  
  document.write('<param   name="FlashVars"   value="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&textheight='+text_height+'">');  
  document.write('<embed   src="http://image2.sina.com.cn/bj/zonghe/pixviewer.swf"   wmode="opaque"   FlashVars="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&textheight='+text_height+'"   menu="false"   bgcolor="#DADADA"   quality="high"   width="'+   focus_width   +'"   height="'+   swf_height   +'"   allowScriptAccess="sameDomain"   type="application/x-shockwave-flash"   pluginspage="http://www.macromedia.com/go/getflashplayer"   />'); document.write('</object>');  
   
  //-->  
  </script>  
  <!--焦点图结束-->  
   
  <!--   flash滚动焦点图   end   -->  
   
  我将这段代码改了一下,不行,发现后面还用到了新浪里的pixviewer.swf文件,我不明白为什么图片的转换要用到.swf。我要是想实现这个功能该怎么办?  
  谢谢指教!  
  在线等! 问题点数:95、回复次数:24Top

1 楼mars_net(企鹅)回复于 2005-12-01 00:35:10 得分 5

其实就是一段脚本程序,和配置好你自己路径下的文件Top

2 楼mars_net(企鹅)回复于 2005-12-01 00:36:01 得分 5

sina上的好像用的FLASHTop

3 楼mars_net(企鹅)回复于 2005-12-01 00:39:50 得分 30

上163的体育页面看看  
    <script   language=JavaScript>  
  var   imgUrl=new   Array();  
  var   imgLink=new   Array();  
  var   adNum=0;  
  var   it=1;  
  imgUrl[it]="http://cimg.163.com/sport/2005/11/30/2005113013254584eac.jpg";  
  imgLink[it++]="http://sports.163.com/05/1130/12/23QAB5SE00051CA1.html";  
  imgUrl[it]="http://cimg.163.com/sport/0511/29/lw.jpg";  
  imgLink[it++]="http://sports.163.com/cba/";  
  imgUrl[it]="http://cimg.163.com/sport/0511/29/wb.jpg";  
  imgLink[it++]="http://sports.163.com/photoset/00710005/3728.html";  
  imgUrl[it]="http://cimg.163.com/sport/2005/11/29/20051129115743af657.jpg";  
  imgLink[it++]="http://sports.163.com/05/1129/11/23NMHOBQ00051C8V.html";  
  var   imgPre=new   Array();  
  var   u=0;  
  for   (i=1;i<=4;i++)   {  
  if(   (imgUrl[i]!="")   &&   (imgLink[i]!="")   )   {  
  u++;  
  }   else   {  
  break;  
  }  
  }  
  function   playTran(){  
  if   (document.all){  
  document.imgInit.filters[0].play();  
  }  
  }  
  function   nextAd(){  
  if(adNum<u)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()",   8000);  
  }  
  function   goUrl(){  
  jumpUrl=imgLink[adNum];  
  jumpTarget='_blank';  
  if   (jumpUrl   !=   ''){  
  if   (jumpTarget   !=   '')    
  window.open(jumpUrl,jumpTarget);  
  else  
  location.href=jumpUrl;  
  }  
  }  
  </script>  
  就是这段脚本文件,你自己看看,把其中的.jpg的文件换成自己的路径文件就应该OK了,我没试,以前做过这个效果,也是从网上找得,现在sina,sohu好像全改成FLASH的了Top

4 楼xuzw0530(jacky)回复于 2005-12-01 20:50:09 得分 0

我试了,不行,在刷新网页时出错,  
  错误:‘document.imgInit.filters.0’不是对象  
   
  怎么办?Top

5 楼xuzw0530(jacky)回复于 2005-12-01 21:01:37 得分 0

大家再帮帮忙吧!Top

6 楼liuxiaoyi666(MSMVP 小猪妹荣誉马甲之八卦兔子)回复于 2005-12-01 22:07:22 得分 20

<html>  
  <head>  
  <script   language="javascript">  
  function   preload(imgObj,imgSrc){  
                eval(imgObj+'=new   Image()');  
                eval(imgObj+'.src="'+imgSrc+'"');  
                }  
   
  function   ini(){  
              //preload('imageA','14.jpg');  
              //preload('imageB','15.jpg');  
      //preload('imageC','16.jpg');  
            //   preload('imageD','15.jpg');  
      //preload('imageE','14.jpg');  
              //preload('imageF','15.jpg');  
      //preload('imageG','14.jpg');  
              //preload('imageH','15.jpg');  
      //preload('imageI','14.jpg');  
              //preload('imageJ','15.jpg');  
      //preload('imageK','14.jpg');  
              //preload('imageL','15.jpg');  
              var   theimage=new   Array("14.jpg","15.jpg","16.jpg","2.jpg","8.jpg","11.jpg","22.jpg","23.jpg","33.jpg","35.jpg");  
              var   the_img=document.getElementById("img1");  
    //   the_img.src=theimage[9];  
      var   thenum=Math.random();  
      thenum=thenum*10;  
      thenum=Math.floor(thenum);  
        the_img.src=theimage[thenum];  
      //getimgid();  
    }  
   
    function   getimgid(){  
                      var   the_img=document.getElementById("img1");  
      the_img.src=(the_img.src==imageA.src)?imageB.src:imageA.src;  
                //       the_img.style.filter=alpha(opacity=90);  
      window.setTimeout("getimgid()",3000);  
    //   the_img.src=imageA.src;  
      }  
   
      function   img2small(){  
      }  
      </script>  
  </head>  
  <body   onload='ini()'>  
  <img   src='14.jpg'   id='img1'   width='200'   style='filter:alpha(opacity=30)'/>  
   
  </body>  
  </html>  
   
  以前随手写的Top

7 楼xuzw0530(jacky)回复于 2005-12-01 23:02:24 得分 0

试试看,谢谢!Top

8 楼xuzw0530(jacky)回复于 2005-12-01 23:17:22 得分 0

不行看不明白!Top

9 楼mars_net(企鹅)回复于 2005-12-01 23:24:02 得分 10

<tr>  
          <td   width="379"   height="139"   bgcolor="#EE1D25"><table   width="300"   border="0"   align="center"   cellpadding="0"   cellspacing="2"   bgcolor="#FFFFFF">  
              <tr>  
                      <td   width="300">  
      <script   language=JavaScript>  
  var   imgUrl=new   Array();  
  var   imgLink=new   Array();  
  var   adNum=0;  
  var   it=1;  
  imgUrl[it]="http://cimg.163.com/sport/0512/01/nn.jpg";  
  imgLink[it++]="http://sports.163.com/photoset/00TF0005/3777.html";  
  imgUrl[it]="http://cimg.163.com/sport/2005/12/1/20051201134601b07e1.jpg";  
  imgLink[it++]="http://sports.163.com/nba/";  
  imgUrl[it]="http://cimg.163.com/sport/0512/01/wu01181.jpg";  
  imgLink[it++]="http://sports.163.com/yc/";  
  imgUrl[it]="http://cimg.163.com/sport/0512/01/wu0109.jpg";  
  imgLink[it++]="http://sports.163.com/cba/";  
  var   imgPre=new   Array();  
  var   u=0;  
  for   (i=1;i<=4;i++)   {  
  if(   (imgUrl[i]!="")   &&   (imgLink[i]!="")   )   {  
  u++;  
  }   else   {  
  break;  
  }  
  }  
  function   playTran(){  
  if   (document.all){  
  document.imgInit.filters[0].play();  
  }  
  }  
  function   nextAd(){  
  if(adNum<u)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()",   8000);  
  }  
  function   goUrl(){  
  jumpUrl=imgLink[adNum];  
  jumpTarget='_blank';  
  if   (jumpUrl   !=   ''){  
  if   (jumpTarget   !=   '')    
  window.open(jumpUrl,jumpTarget);  
  else  
  location.href=jumpUrl;  
  }  
  }  
  </script>  
    <a   href="javascript:goUrl()"   target="_self"><img   style="FILTER:   progid:DXImageTransform.Microsoft.RevealTrans   (duration=1,transition=3);border-color:#000000;color:#000000;margin-bottom:0px"   src="javascript:nextAd()"   width="356"   height="233"   border="0"   name=imgInit></a>  
      </td>  
              </tr>  
   
   
  @@@@@@@@@@@@@@@@@@@@@@@@  
  非洲的企鹅  
  Top

10 楼mars_net(企鹅)回复于 2005-12-01 23:25:40 得分 5

昨天贴的代码没加调用的程序  
  LZ自己试试,像是这种特效应该多得很  
   
   
  @@@@@@@@@@@@@@@@@@@@@@@@  
  非洲的企鹅  
  Top

11 楼xuzw0530(jacky)回复于 2005-12-01 23:31:18 得分 0

调用程序我自己加上了,跟你的一样,现在的问题是  
  错误:‘document.imgInit.filters.0’不是对象  
  不知道该怎么办?  
   
  好感动,你还记得我,可爱的企鹅!Top

12 楼mars_net(企鹅)回复于 2005-12-01 23:46:43 得分 2

把你的代码全贴出来  
   
   
  @@@@@@@@@@@@@@@@@@@@@@@@  
  非洲的企鹅  
  Top

13 楼mars_net(企鹅)回复于 2005-12-01 23:48:32 得分 3

document.imgInit.filters.0  
   
   
  document.imgInit.filters[0]  
   
   
  这两句话可不一样啊,不知道你是不是这里有问题呢?我的代码我已经测试了没有问题,贴出你的,我试试  
   
   
  @@@@@@@@@@@@@@@@@@@@@@@@  
  非洲的企鹅  
  Top

14 楼xuzw0530(jacky)回复于 2005-12-02 00:01:02 得分 0

<SCRIPT   language=JavaScript>  
  <!--  
        var   imgUrl=new   Array();  
        var   imgLink=new   Array();  
        var   adNum=0;  
        var   it=1;  
        imgUrl[it]="images/1.jpg";  
        imgLink[it++]="1.htm";  
        imgUrl[it]="images/2.jpg";  
        imgLink[it++]="2.htm";  
        imgUrl[it]="images/3.jpg";  
        imgLink[it++]="3.htm";  
        var   imgPre=new   Array();  
        var   u=0;  
        for   (i=1;i<=3;i++){  
                if((imgUrl[i]!="")&&(imgLink[i]!="")){  
                          u++;  
  }else{  
          break;  
  }  
        }  
        function   playTran(){  
                  if(document.all){  
                  document.imgInit.filters[0].play();  
  }  
        }  
        function   nextAd(){  
                  if   (adNum<u)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()",8000);  
  }  
  function   goUrl(){  
          jumpUrl=imgLink[adNum];  
  jumpTarget='_blank';  
  if   (jumpUrl!=''){  
          if(jumpTarget   !='')  
                      Window.open(jumpUrl,jumpTarget);  
  else  
                      location.href=jumpUrl;  
  }  
  }  
  //-->  
  </SCRIPT>  
    <a   herf="javascript:goUrl()"   target="_self"><img   style="Filter:   progid:DXImageTransform.Microsoft.RevealTrans(duration=1,transition=3);border-color:#000000;   color:#000000;   margin-bottom:0px   "   src="javascript:nextAd()"   width="250"   height="180"   border="0"   name="imgInit"></a></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>Top

15 楼xuzw0530(jacky)回复于 2005-12-02 00:01:19 得分 0

谢谢Top

16 楼xuzw0530(jacky)回复于 2005-12-02 00:02:22 得分 0

</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>  
  是与之前对应的,我仔细看过了,没有问题!Top

17 楼mars_net(企鹅)回复于 2005-12-02 00:09:32 得分 5

我试了,代码没有问题  
   
   
   
  @@@@@@@@@@@@@@@@@@@@@@@@  
  非洲的企鹅  
  Top

18 楼xuzw0530(jacky)回复于 2005-12-02 00:11:37 得分 0

那怎么我这会有问题,晕!  
  会不会在其它地方,比如iis设置上。  
  网页名称为index.htm,  
  应该没有问题呀?Top

19 楼xuzw0530(jacky)回复于 2005-12-02 00:12:06 得分 0

拜托企鹅再想想!Top

20 楼mars_net(企鹅)回复于 2005-12-02 00:13:29 得分 5

1)文件后缀改成.html试试  
  2)文件里面是只有这段代码吗?  
  3)其他的文件运行正常吗?  
  4)换个路径重新分配虚拟路径试试  
   
   
   
  @@@@@@@@@@@@@@@@@@@@@@@@  
  非洲的企鹅  
  Top

21 楼mars_net(企鹅)回复于 2005-12-02 00:14:36 得分 2

如果原来是,HTM那就改成.asp试试  
   
   
   
  @@@@@@@@@@@@@@@@@@@@@@@@  
  非洲的企鹅  
  Top

22 楼xuzw0530(jacky)回复于 2005-12-02 00:22:40 得分 0

还是这个错误!Top

23 楼mars_net(企鹅)回复于 2005-12-02 00:23:03 得分 3

我下了啊,我的  
  MSN:promars@163.com  
  有空的话可以加我啊  
   
   
  @@@@@@@@@@@@@@@@@@@@@@@@  
  非洲的企鹅  
  Top

24 楼xuzw0530(jacky)回复于 2005-12-02 00:25:38 得分 0

麻烦企鹅了!Top

相关问题

  • 求一段图片滚动特效
  • 网页特效+图片更换
  • 如何实现以下javascript的网页特效?在线等,急!
  • 求新浪体育界面左上角图片特效的代码(在线等……………………)高手来啊
  • 怎么制作图片特效?(up有分!!)
  • 我想用特效读出图片,帮帮忙
  • 请问哪位有图片变换特效的源代码?
  • 这种图片显示特效如何实现?
  • 这种特效如何实现,急!
  • 请问在图片上加入水波纹的特效是如何制作的?

关键词

得分解答快速导航

  • 帖主:xuzw0530
  • mars_net
  • mars_net
  • mars_net
  • liuxiaoyi666
  • mars_net
  • mars_net
  • mars_net
  • mars_net
  • mars_net
  • mars_net
  • mars_net
  • mars_net

相关链接

  • Web开发类图书

广告也精彩

反馈

请通过下述方式给我们反馈
反馈
提问
网站简介|广告服务|VIP资费标准|银行汇款帐号|网站地图|帮助|联系方式|诚聘英才|English|问题报告
北京创新乐知广告有限公司 版权所有, 京 ICP 证 070598 号
世纪乐知(北京)网络技术有限公司 提供技术支持
Copyright © 2000-2008, CSDN.NET, All Rights Reserved
GongshangLogo