javascript写的图片转换

最新推荐文章于 2022-08-15 20:44:53 发布

笨笨兔兔兔兔兔

最新推荐文章于 2022-08-15 20:44:53 发布

阅读量3.3k

点赞数

分类专栏： Javascript编程文章标签： javascript function image html

本文链接：https://blog.csdn.net/liuxiaoyi666/article/details/818173

版权

Javascript编程专栏收录该内容

10 篇文章 0 订阅

订阅专栏

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<script lanuage='javascript'>
function controlimg(imgid)
{
this.objid=imgid;
this.imgnum=0;
this.imgarr=new Array();
}

controlimg.prototype.add=addimg;
controlimg.prototype.loadpic=preload;
controlimg.prototype.convert=changeimg;

function addimg(imgsrc,href)
{
this.imgarr[this.imgarr.length]={
"imgsrc":imgsrc,
"href":href
}
}

function preload(){
for(i=0;i<this.imgarr.length;i++)
{
eval("img_"+this.objid+"_"+i+"=new Image()");
eval("img_"+this.objid+"_"+i+".src=this.imgarr[i].imgsrc");
}
}

function changeimg(picpos)
{
if(this.imgnum>=this.imgarr.length)
{
this.imgnum=0;
}
/* if(picpos.length!=0)
{
this.imgnum=Math.round(picpos);
}*/
var obj_img=document.getElementById(this.objid);
obj_img.style.filter=(obj_img.style.filter=="revealTrans")?"revealTrans":"blendTrans";
obj_img.style.filter.duration = 3.0000;
obj_img.style.filter.transition = 23;
obj_img.filters(0).apply();
obj_img.src=this.imgarr[this.imgnum].imgsrc;
obj_img.parentNode.href=this.imgarr[this.imgnum].href;
obj_img.filters(0).play();
this.imgnum=this.imgnum+1;
//window.setTimeout("changeimg()",3000);
}
var obj_convert;
function init()
{
obj_convert=new controlimg("img")
obj_convert.add("images/00logo.gif","http://www.google.com");
obj_convert.add("images/0.gif","http://www.baidu.com");
obj_convert.add("images/06top_42.gif","http://www.csdn.net");
obj_convert.loadpic();
window.setInterval("obj_convert.convert()",3000);
}

</script>
</head>

笨笨兔兔兔兔兔

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
6
评论
javascript写的图片转换

function controlimg(imgid){ this.objid=imgid; this.imgnum=0; this.imgarr=new Array(); }controlimg.prototype.add=addimg;controlimg.prototype.loadpic=preload;controlimg.prototype.convert=changeimg
复制链接

扫一扫