建站知识

Welcome to Beijing RuiHeng TianLong Technology Co., Ltd.

北京网站建设-网站中图片按比例自动缩放,图片尺寸自动按比例缩小

时间:  来源:网站建设公司  作者:网站制作公司  点击量:
在网站建设中,我们常常碰到一个问题就是,上传的图片,有的很大,宽度或高度超出网页的宽和高,这样一来就把网页撑大了,如果你设定宽和高,那上传的比例就不能符合所有图片,看看我们是怎么实现的

    在网站建设中,我们常常碰到一个问题就是,上传的图片,有的很大,宽度或高度超出网页的宽和高,这样一来就把网页撑大了,如果你设定宽和高,那上传的比例就不能符合所有图片,我们需要一个功能来满足这些条件,按照上传图片自动判断图片尺寸,并且将尺寸自动缩放至设置的尺寸,如果高度超出设定的值,就按高度比例缩放,如果宽度超出设定的值,那么就按照自动缩放的,下面我们介绍一种用js的方法,来实现。

代码如下:

<script>
<!--
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>

应用图片的时候也很简单,代码如下
<IMG SRC="<%=rs("img2")%>" border=0 onload="javascript: DrawImage(this,180,160);">

网站图片自动缩放功能,你学会了吗?



 

本文TAG标签: 北京网站建设 网站制作公司 网站建设公司
返回关闭本页
上一篇:网站制作中Photoshop蒙板怎么用?如何使用?    下一篇:北京网站建设技术答疑怎么禁止查看网页源文件代码和网页防复制代码
推荐阅读

Copyright © 2010-2021 北京瑞恒天龙科技有限公司  All Rights Reserved  |  北京网站建设知名服务商  |  北京网站制作 | 京ICP备11004170号-1   京公网安备110107000463号
地址:北京市海淀区永定路长银大厦B座  非工作时间:15810379666  服务热线:400-809-6709  版权所有 盗版必究!

在线咨询
关闭
电话咨询
网站制作电话
400-809-6709