图片自动按宽高比例缩小的js代码
分类：程序开发 Tags： 图片 javascript 评论：0 浏览：3712 最近更新时间：2010/7/16 13:24:00
- <script type="text/javascript">
- function setImgSize(img,width,height){
- var MaxWidth=width;//设置图片宽度界限
- var MaxHeight=height;//设置图片高度界限
- var HeightWidth=img.offsetHeight/img.offsetWidth;//设置高宽比
- var WidthHeight=img.offsetWidth/img.offsetHeight;//设置宽高比
- if(img.offsetWidth>MaxWidth){
- img.width=MaxWidth;
- img.height=MaxWidth*HeightWidth;
- }
- if(img.offsetHeight>MaxHeight){
- img.height=MaxHeight;
- img.width=MaxHeight*WidthHeight;
- }
- }
- </script>
- <img src="/pic/images4/20100716232307734.gif" border=0 onload="setImgSize(this,150,150);">
- //按比例缩小图片
- //调用方式onload="setImgSize(this,150,150)"
- var flag=false;
- function setImgSize(ImgD,Imgwidth,Imgheight){
- var image=new Image();
- image.src=ImgD.src;
- if(image.width>0 && image.height>0){
- flag=true;
- if(image.width/image.height>= 1){
- if(image.width>Imgwidth){
- ImgD.width=Imgwidth;
- ImgD.height=(image.height*Imgwidth)/image.width;
- }else{
- ImgD.width=image.width;
- ImgD.height=image.height;
- }
- }
- else{
- if(image.height>Imgheight){
- ImgD.height=Imgheight;
- ImgD.width=(image.width*Imgheight)/image.height;
- }else{
- ImgD.width=image.width;
- ImgD.height=image.height;
- }
- }
- }
- }
-
• ASP获取图片宽度和高度的程序源代码
• 301重定向代码(ASP,ASP.NET,PHP,apache,IIS,ISAPI_Rewrite)
• ASP多个关键词搜索代码,关键词以+号或空格隔开
• js兼容IE、谷歌Chrome、火狐Firefox的上传图片预览代码
• 忽略JS错误代码,网页屏蔽js错误代码
• ASP将汉字转为拼音代码
• ASP保存远程图片文件到本地代码
• ASP搜索关键词时结果用红色显示代码
• ASP如何获取当前网站地址，网页地址代码及div+css菜单应用
• ASP按字段中首字母输出所有数据代码
-
• 网页设计中HTML常范的几个错误，平常设计中需要注意了！
• 解决Foxmail在Win7中出现“Access violation 007CC4B1”的错误
• JavaScript特效:实现上下文字、图片滚动循环显示,中间有停顿
• 解决Google Gmail邮箱在国内打不开的问题
• 用Photoshop做脸部美容(美白\除油\润肤\)(图)
• Windows XP下TUS Client for Windows客户端的安装和使用
• 解决Google Gmail免费企业邮箱用outlook或foxmail登录时出现密码错误问题
• 关于病毒命名规则的说明
• ASP Access数据库连接关闭与.ldb文件锁定解决方法
• 8种Windows安全模式解析以及应用
