轮转图片显示(JS)

原创 2004年08月30日 13:12:00

//Javascript
//交替显示一系列图片

<!-- 动态图开始 --><?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" />

<script language=JavaScript>

 

var imgUrl=new Array();

var imgLink=new Array();

var adNum=0;

imgUrl[1]="http://image2.sina.com.cn/ty/asian2004/U350P6T189D1F3981DT20040803180803.jpg";

imgLink[1]="/z/chn-iran/photo/3712/index.shtml";

imgUrl[2]="http://image2.sina.com.cn/ty/asian2004/U350P6T189D1F4252DT20040803180949.jpg";

imgLink[2]="/z/chn-iran/photo/3712/index.shtml";

imgUrl[3]="http://image2.sina.com.cn/ty/asian2004/U355P6T189D1F4254DT20040624191749.jpg";

imgLink[3]="/z/chn-iran/photo/3672/";

imgUrl[4]="http://image2.sina.com.cn/ty/asian2004/U355P6T189D1F4256DT20040624191749.jpg";

imgLink[4]="/z/chn-iran/photo/3672/";

imgUrl[5]="http://image2.sina.com.cn/ty/asian2004/U355P6T189D1F4258DT20040803001422.jpg";

imgLink[5]="/z/chn-iran/photo/3672/";

 

 

var imgPre=new Array();

var j=0;

for (i=1;i<=5;i++) {

       if( (imgUrl[i]!="") && (imgLink[i]!="") ) {

              j++;

       } else {

              break;

       }

}

 

function playTran(){

       if (document.all)

              imgInit.filters.revealTrans.play();

}

 

var key=0;

function nextAd(){

       if(adNum<j)adNum++ ;

       else adNum=1;

      

       if( key==0 ){

              key=1;

       } else if (document.all){

              imgInit.filters.revealTrans.Transition=6;

              imgInit.filters.revealTrans.apply();

                 playTran();

 

       }

       document.images.imgInit.src=imgUrl[adNum];

       theTimer=setTimeout("nextAd()", 6000);

}

 

 

function goUrl(){

       jumpUrl=imgLink[adNum];

       jumpTarget='_blank';

       if (jumpUrl != ''){

              if (jumpTarget != '')

                     window.open(jumpUrl,jumpTarget);

              else

                     location.href=jumpUrl;

       }

}

</script>

<a href="javascript:goUrl()"><img style="FILTER: revealTrans(duration=2,transition=20);border-color:black;color:#000000" src="javascript:nextAd()" width=258 height=230 border=1 class=b1 name=imgInit></a>

<!-- 动态图结束 -->

 

jQuery图片自动轮转动画特效

本例的功能是用jQuery图片自动轮转动画特效实现阿里巴巴首页图片动画效果。所用到的图片截图:从网上下载一个jQuery文件jquery.js;具体HTML网页代码如下: 1688.h...
  • lmb55
  • lmb55
  • 2015年06月16日 22:45
  • 1525

JS实现简单的图片轮转

图片轮转或者轮播特效在各种网页上都随处可见,但是每次我对于这种特效的写法都是很疑惑,不知道是怎么实现的。最近静下心来,好好研究了一番,发现各种大神的各种写法,由于比较多和比较混乱,我就整理了一些写法。...
  • u010792238
  • u010792238
  • 2014年05月07日 16:01
  • 3434

html中利用js实现简单图片轮换效果

图片轮播 window.onload = function() { flag = 0; obj1 = document.getElementById("...
  • fang0609
  • fang0609
  • 2015年08月06日 16:59
  • 2329

JS图片自动轮换效果实现

今天不在状态,五一快到了,俺就特想玩了。好了,天色已晚,闲话不多说,看下用javaScript 实现的图片自动轮换效果,先看图片 下面是具体的代码,还是比较简单的。 越狱的囚徒...
  • php5921
  • php5921
  • 2014年04月30日 00:16
  • 2930

启动欢迎页面和广告图片轮转

欢迎页面 DemoMainActivity-->UIElementActivity-->SlidingPlayViewActivity 核心类:AbSlidingPlayView:播放视图类 a...
  • shui1025701856
  • shui1025701856
  • 2017年12月19日 16:28
  • 41

ViewPager实现图片轮转

ViewPager实现图片轮转viewpager的生命周期:1:获取滑动的控件的个数。。。。getCount 2:当要缓存的图片可以进行的时候,会调用者方法进行图片的初始化,我们将要显示的View放...
  • u011060103
  • u011060103
  • 2016年01月20日 19:51
  • 931

IOS无线轮转视图的实现

无线轮转视图的代码实现https://github.com/zhouyelihua/yssRotateView代码可以在下载(其中包括banner的示意图)也可以用cocoapods 直接用 pod ...
  • zhouyelihua
  • zhouyelihua
  • 2017年03月28日 21:01
  • 268

JS file图片即选即得显示,前端交互图片即选即得

//JS file 图片 即选即得 显示 //创建一个FileReader对象 var reader = new FileReader(); function f_change(file){ var...
  • u014596302
  • u014596302
  • 2017年03月07日 17:21
  • 1053

HTML文字在图片上显示

第一种方式是image 作为背景图片,即:background:url("......."); 例如如下代码块: 添加文字...添加文字...添加文字... 第二种方式是将img块与文字块(文字...
  • n_meng
  • n_meng
  • 2017年02月20日 15:38
  • 2016

鼠标移动到图片名上,显示图片----js研究(1)

本来想自己实现一个 点查询按钮 弹出一个gif图片的效果,无意中看到这段代码,感觉效果很不错。 代码实现效果:鼠标移动到名(wait.gif)上,显示图片,鼠标移开则不显示图片    做法...
  • aa_moon
  • aa_moon
  • 2016年12月02日 15:43
  • 832
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:轮转图片显示(JS)
举报原因:
原因补充:

(最多只允许输入30个字)