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