百度源代码里的精妙javascript图片大小处理函数

royzhou1985

浏览: 256355 次
性别:
来自: 广州

最近访客更多访客>>

a684716

zhengzizhi

ganxueyun

odinyu

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

Javascript

百度 JavaScript HTML

<script language=Javascript>
var proMaxHeight = 150;
var proMaxWidth = 110;

function proDownImage(ImgD){
      var image=new Image();
      image.src=ImgD.src;
      if(image.width>0 && image.height>0){
      var rate = (proMaxWidth/image.width < proMaxHeight/image.height)?proMaxWidth/image.width:proMaxHeight/image.height;
    if(rate <= 1){   
     ImgD.width = image.width*rate;
     ImgD.height =image.height*rate;
    }
    else {
                          ImgD.width = image.width;
                          ImgD.height =image.height;
                  }
      }
}
</script>

百度的javascript还好啦。所以收录下来。如果懂这个的话，一看就懂了。呵呵。。。

不过还是介绍一下用法。。。。。

<img src="http://www.baidu.com/images/logo.gif" />

上面是一般的HTML里面用的插入图片的一段。。。很简单。但是当插入的图片是网友上传的图片，对尺寸/比例不确定的时候。我们需要的就是这个js了。。。这段代码可以根据网友上传的图片，进行比例缩放。这样不会导致很多商品展示都出现的。图片尺寸都固定死了的情况。。。。用法很简单，把上面的这段javascript放到<head></head>之间，然后把<img src="http://www.baidu.com/images/logo.gif" /> 改成<img src="http://www.baidu.com/images/logo.gif" onload=proDownImage(this); />这样。就可以了。意思就是在图片load装载的时候，调用proDownImage函数对this(即图片本身)对象进行设置。就可以了。很简单，但很实用。

分享到：

Spring MVC 配置 | javascript 日历控件

2009-10-10 17:01
浏览 1410
评论(1)
查看更多

1 楼 eve8517 2009-11-27

不错，顶顶

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论