轮转图片显示(JS)

//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>

轮转图片显示(JS)相关推荐

vue js中解决二进制转图片显示问题
一:问题工作中碰到的问题,在处理接口返回的验证码图片时,由于返回的是encode编码代码,在js端获取到数据之后,通过函数encodeURI()来进行解码,之后可以通过在src中设置来实现图片显示: ...
js 点击按钮或者图片，实现图片上传以及将图片显示在页面上
点击图片本身,实现图片上传: 1.html页面 <div class="card">// 用于接受上传的图片<img src="img.jpg&quo ...
谷歌浏览器F12抓包如何过滤只显示接口请求不显示图片、js那些请求
谷歌浏览器F12抓包如何过滤只显示接口请求不显示图片.js那些请求
nuxt.js中的静态图片显示不出来解决方法
nuxt.js中的静态图片显示不出来解决方法 <script> export default {data() {return {imgList: [{ name: "图1&quo ...
js用图片显示现在时间
js用图片显示现在时间话不多说,直接上代码: <!DOCTYPE html> <html><head><meta charset="utf-8&q ...
在js中用图片显示当前时间
在js中用图片显示当前时间 <!DOCTYPE html><html lang="en"><head><meta charset=&quo ...
JS控制图片显示的大小（图片等比例缩放）
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="C ...
jQuery动态改变图片显示大小(修改)
当我们要显示后台传过来若干个尺寸不一的图片时,为了保证图片大小的一致性及比例的协调,需要动态改变图片显示尺寸.通过搜索,我们可以从网上找到实现此功能的jQuery代码如下.这段代码可以使图片的大小保持 ...
axios获取图片显示_vue中使用axios post上传头像/图片并实时显示到页面的方法
在前端开发中,为了更好的用户体验,在头像上传时会先将图片显示到页面然后点击保存按钮完成图片的上传成功代码部分有参考他人的写法. html代码: 请上传图片 js代码: //实时显示该图片在页面 g ...

轮转图片显示(JS)

轮转图片显示(JS)相关推荐

最新文章

热门文章