javascript写的图片转换

原创 2006年06月21日 12:52:00

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

<body onload="init();">
<a href="http://www.google.com" target="_blank"><img src="images/00logo.gif" id="img" width="100" height="100" /></a>
</body>
</html>

javascript 图片转换效果

  • 2009年09月04日 15:52
  • 3KB
  • 下载

用javascript写的图片翻转

  • 2012年03月20日 22:19
  • 413KB
  • 下载

自己写的一个javascript首页图片切换组件

在平时做网站的过程中,最常用的一个组件就是首页的图片切换,网上有很多可以下载的Flash插件,jquery插件,但是有时又很难找到适合自己的,有时候是不是想自己动手写个组件? 那样以后有什么自己个性的...

javascript将base64编码的图片数据转换为file并提交

/** * @param base64Codes * 图片的base64编码 */ function sumitImageFile(base64Codes){ va...

javascript实现图片隐写

什么是图片隐写? 发福利了,这是一张图片,这不仅仅是一张图片,如上图将一些信息隐藏在图片中的方式称之为图片隐写,但是有一点既然是隐写,那么肯定是悄悄的写, 图片还是原来的图片,只是里面隐藏了其他的...

JavaScript写的图片库功能(小图变大图查看浏览)

图片库 期望: 当点击小图时,能留在这个页面而不是转到另一个窗口;当点击小图时,能够在本页面的下面大图显示;当点击小图时,在大图的下面能够显示图片的相关信息。 最终实现效果: ----...
  • sofia92
  • sofia92
  • 2015年12月03日 14:56
  • 397

javascript中引用jquery写的图片放大跟随小实例

今天引用了jquery写了一个小实例,

47、JavaScript的运动----完美运动框架的应用----放大缩小图片的实现(布局转换的实现)

1、JavaScript的运动----完美运动框架的应用----放大缩小图片的实现 2、测试代码       2.1 move.js /** * 可以方便的获取到非行间样式的数值 * @pa...

浅谈JavaScript和Canvas实现彩色图片转换成黑白图片

1、convertToGray() 在主体代码中使用 canvas 元素的id来获取画布,并设置画布的宽和高为图片的宽和高,再将上下文初始化为2d画布;彩色图片加载完成后,使用 drawImage 将...

javascript 图片 浏览 应用

  • 2015年10月15日 23:33
  • 4KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:javascript写的图片转换
举报原因:
原因补充:

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