Chinaunix首页 | 论坛 | 博客
  • 博客访问: 294268
  • 博文数量: 46
  • 博客积分: 1517
  • 博客等级: 上尉
  • 技术积分: 530
  • 用 户 组: 普通用户
  • 注册时间: 2006-12-31 18:21
文章分类

全部博文(46)

文章存档

2012年(1)

2011年(1)

2010年(3)

2009年(2)

2008年(25)

2007年(13)

2006年(1)

我的朋友

分类: 系统运维

2008-05-03 12:40:48

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

阅读(2709) | 评论(0) | 转发(0) |
0

上一篇:Struts2 关闭< > 替换功能

下一篇:夜深时

给主人留下些什么吧!~~