图片尺寸自定义显示函数

 <img src="<%=rs("photo_path")%>" οnlοad="if(this.width>this.height){this.width=500;}else{this.height=500;}" />来控制图片显示,但有一个问题,就是图片如果很小就会被拉伸。下面这个函数解决了这个问题。
                     <script language ="javascript" >
function autoSize(obj)
{
MAX_WIDTH=500;
MAX_HEIGHT=500;

var tImg=new Image();
tImg.οnlοad=function(){
    if(obj.src.length<1) {obj.width=MAX_WIDTH; obj.height=MAX_HEIGHT; return;}
    var w=this.width;
    var h=this.height;
    if(w<MAX_WIDTH && h<MAX_HEIGHT){
     obj.width=w;
     obj.height=h;
     return;
    }
    if(w>h) {
     obj.width=MAX_WIDTH;obj.height=MAX_WIDTH*h/w;
    }
    else{
     obj.height=MAX_HEIGHT;obj.width=MAX_HEIGHT*w/h;  
    }
    if(obj.src) obj.style.display='';
}
tImg.src=obj.src; 
}


                     
                      </script>


                     下面是应用的例子,照搬即可。(只要给IMG设置ID标签,并在autosize()函数里直接调用这个对像即可,注意,JS函数是区分大小写的哦。)
                   
                 
                        <a href="#" target=_blank >
       <img id="DDD" src=upload/200904132119188347.jpg onload ="autoSize(DDD);" /></a>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值