在页面显示图片时使用
来显示图片,其中的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> //上面的代码将重新制定图形的宽度(由于图行宽高比是原始宽高比, //所以制定宽度后会自动调整高度的)
|
阅读(2980) | 评论(0) | 转发(0) |