当前位置:首页 >> 网站专题 >> 网络编程 >> 浏览文章

JavaScript图片等比例缩放

作者:admin 日期:2010年11月25日 来源:本站原创 浏览:

要使图片等比例缩小的话用js解决,需要注意的是,本方法中的宽度和高度是根据DIV(或外部容器)来决定,宽度和高度由自己决定,但图片会根据实际大小进行缩放!
<script language="JavaScript" type="text/javascript">
<!--
function DrawImage(ImgD,FitWidth,FitHeight){
var image=new Image();
image.src=ImgD.src;
if(image.width>0 && image.height>0){
if(image.width/image.height>= FitWidth/FitHeight){
if(image.width>FitWidth){
ImgD.width=FitWidth;
ImgD.height=(image.height*FitWidth)/image.width;
}else{
ImgD.width=image.width;
ImgD.height=image.height;
}
} else{
if(image.height>FitHeight){
ImgD.height=FitHeight;
ImgD.width=(image.width*FitHeight)/image.height;
}else{
ImgD.width=image.width;
ImgD.height=image.height;
}
}
}
}
//-->
</script>
然后插入图片的时候加上 onload=javascript:DrawImage(this,550,600); 注:550为最大宽度即div宽度,600为最大高度即div高度,图片就在宽550px,高600px内等比例缩小.这两个数值可根据需要改变
即<img src="uploadfiles/123.gif" onload=javascript:DrawImage(this,550,600); boder=0 />
 

上一篇文章:使Div左右两侧等高的方法汇总
下一篇文章:没有了

点金商务引擎是什么?
      点金商务引擎是由深圳点金信息技术有限公司推出的一款网络营销软件。它搜集了全球2000多个优秀的商贸网站,集中最丰富的商业信息。它将引导企业通过互联网宣传产品,寻找客户,让企业无须丰富的网络知识,轻松实现网络营销。
更多>>

相关导航:建站经验网站SEO优化WEB2.0搜索引擎flash技术网络编程虚拟主机域名网络安全服务器营销知识营销研究营销技巧营销策略营销新闻网站策划
Copyright(C) 2009-2010 石家庄辉煌园商贸有限公司 版权所有
公司网站  咨询热线: 0311-88708888 0311-88709888 0311-88709766 0311-88709840  公司网站
网址:www.huihuangyuan.org 电子邮件:86234885@163.com 监督电话:13700319526
客户网站  在线QQ:543130132 MSN:sjz139@hotmail.com 公司地址:石家庄市裕华区方兴路68号(二机厂北)  客户网站