<img src="zh/photo/t.jpg" alt="aaa" onload="resize(this)" /><img onload="resize(this)" src="zh/photo/1.jpg" alt="aaa" />
<script language="Javascript" type="text/javascript">
function resize(img,thumbs_size) {
 var fixwidth ;   
    var fixheight ;  
if    (thumbs_size='undefined')//设定参数默认值
{
    fixwidth = 200;   
     fixheight = 200; 
}else{
    var max = thumbs_size.split('x');   
     fixwidth = max[0];   
     fixheight = max[1];    }
    /*
  imgs = document.getElementsByTagName('img');   
     for(i=0;i<imgs.length;i++) {   
        w=imgs.width;
  h=imgs.height;   

  if(w>fixwidth) {
    imgs[i].width=fixwidth;
   imgs[i].height=h/(w/fixwidth);
  }  //如果图片高度大于设定宽度  图片高度=设定宽度，图片宽度=原高度/（原宽度/设定宽度）
        if(h>fixheight) {
  imgs[i].height=fixheight;
  imgs[i].width=w/(h/fixheight);
  }*/
    //如果图片高度大于设定高度  图片高度=设定高度，图片宽度=原宽度/（原高度/设定高度）
    //此上代码问题在于如果宽、高都超过默认，最终以高度为基准，高度依旧有可能超过原有高度。
    //以下为修改代码，通过对原图宽高比与设定宽高比进行比较而判断出是使用设定宽还是高。
    
    if((fixwidth/fixheight)>(img.width/img.height))  //如果设定宽高比>原图宽高比，则以设定高为基准
    {
     
     if(img.height>fixheight) {
    img.height=fixheight;
    img.width=img.width/(img.height/fixheight);
    }
    }
    else                                   //反之则已设定宽为基准
    {
      
     if(img.width>fixwidth) {
     img.width=fixwidth;
    img.height=img.height/(img.width/fixwidth);
   }
    }
   
   
   
    //补充完毕
    /*
        if(h>fixheight) {
        imgs[i].style.cursor= "pointer";   
        imgs[i].onclick = function() { window.open(this.src);}   
        if (navigator.userAgent.toLowerCase().indexOf("ie") > -1) {   
            imgs[i].title = "点击查看放大图片";   
            imgs[i].onmousewheel = function img_zoom() {   
                var zoom = parseInt(this.style.zoom, 10) || 100;   
                zoom += event.wheelDelta / 12;   
                if (zoom> 0) {   
                    this.style.zoom = zoom + "%";   
                    return false;   
                }   
            }   
        }   
        else {   
            imgs[i].title = "点击查看放大图片";   
        }   
     }  
 }*/
}

 </script>
 

本教程中你将学习下面的内容:

       1.事件处理机制.
       2.创建类库.
       3.使用 回调函数.
              3.1.示例: CFEventClass 类(简单的示例).
              3.2.示例: CFTimer 类(定时器).
       4.使用 addListener 方法(AsBroadcaster / BroadcasterMX 类).
              4.1.示例: AsBEventClass 类(简单的示例).
              4.2.示例: AsBTimer 类(定时器).
       5.使用 addEventListener 方法(EventDispatcher 类).
              5.1.示例: EDEventClass 类(简单的示例).
              5.2.示例: EDTimer 类(定时器).
       6.建立强大的事件处理机制.
              6.1.创建 CFDelegate 类(修改 Delegate 类).
              6.2.创建 CFEventDispatcher 类(修改 EventDispatcher 类).
              6.3.创建 Event 类(事件基类,继承 Object 类).
              6.4.创建 IOErrorEvent 类(错误事件类,继承 Event 类).
              6.5.创建 HTTPStatusEvent 类(http状态事件类,继承 Event 类).
              6.6.示例: EventClass 类(简单的示例).
              6.7.示例: Timer 类(定时器,功能跟 AS3 中的 Timer 类一样).
       7.小结.

源文件(LRC 和 CFSound 类也在这):Flash Class Library.rar

[1.事件处理机制]

查看更多...

本次实现不包含获取文件大小，简单使用，可以放在一般网站上较大图片的读取上面

查看更多...

Tags: jsjs

Tags: jsjs