在页面显示图片时使用
来显示图片,其中的width和height参数指定了图片的大小
在不指定width和height参数时,是按照图片的原始大小显示的.有时图片太大,就要控制图片的大小,但是如果图片是动态获取的,width和height参数就没法指定了.
使用javascript代码可以轻松搞定：
<script>
function show(obj){
var w;
var h;
//---------
myImage = new Image;
myImage.src = obj.src;
w=myImage.width;
h = myImage.height;
//---------
//以上代码本来可以直接用
// w = obj.width;
// h = obj.height;
//但是我在我的页面中不起作用，所以我新建了个图形对象
var k;
var con;
k=w/h;
if(k>=1){
if (w>=600){
w=600;
h=w/k;
}
}else {
if (h>=450){
h=450;
w=k*h;
}
}
return w;
}
|
//以下的src是通过struts2动态指定的
<img src="" id="img1" border="0"/>
<script language="javascript">window.img1.width=show(img1);</script>
//上面的代码将重新制定图形的宽度（由于图行宽高比是原始宽高比,
//所以制定宽度后会自动调整高度的）
|
