余志国网站设计工作室是专业从事义乌做网站、义乌网站制作、义乌网站建设、义乌外贸网站制作、义乌网站设计的专业义乌网站设计工作室,是义乌网站建设专家!    
余志国网站设计工作室LOGO
义乌网页设计师博客

图片自动按宽高比例缩小的js代码

程序开发 字体：【大】 【中】 【小】 浏览（189）来源：余志国 发布时间：2010-7-16 13:24:00
 
  1. <script type="text/javascript">
  2. function setImgSize(img,width,height){
  3. var MaxWidth=width;//设置图片宽度界限
  4. var MaxHeight=height;//设置图片高度界限
  5. var HeightWidth=img.offsetHeight/img.offsetWidth;//设置高宽比
  6. var WidthHeight=img.offsetWidth/img.offsetHeight;//设置宽高比
  7. if(img.offsetWidth>MaxWidth){
  8. img.width=MaxWidth;
  9. img.height=MaxWidth*HeightWidth;
  10. }
  11. if(img.offsetHeight>MaxHeight){
  12. img.height=MaxHeight;
  13. img.width=MaxHeight*WidthHeight;
  14. }
  15. }
  16. </script>
 
  1. <img src="/up_files/article/20100716232307734.gif" border=0  onload="setImgSize(this,150,150);"> 

[下一篇：兼容IE和Firefox火狐的上下、左右循环滚动JS代码]
同类热门文章推荐
· ASP数据库连接、显示、添加、删除、查询等简单操作教程
· 利用ASP显示当前网站在线人数代码
· 一个空间/虚拟主机放置多个网站的转向代码（多个域名绑定一个空间）
· 网页加密攻略:使用ASP程序密码锁
· asp如何读取txt文本内容代码
· 中国十大ASP CMS系统介绍
· ASP经常用到的代码，比较全，不可不看！
· ASP几种常见分页代码
· 1小时ASP入门，教你简单学会ASP
· ASP生成静态页面HTML的方法
本站热门文章排行
· 李阳疯狂英语下载：视频演讲 发音 句子 口语 单词 对话 句型 语法 音标 听力 cet4 电子书
· QQ空间免费物品、QQ空间4.0皮肤、欢迎动画、领养五级植物、播放器、挂件、导航、漂浮物、鼠标、公告栏
· 余世维博士讲座全集清晰版HTTP免费下载
· 教你如何点亮QQ图标?怎样免费点亮QQ全部图标?
· 走遍美国下载(走遍美国文本、走遍美国MP3、走遍美国视频下载)
· 陈安之视频讲座全集免费下载地址，想提高自己能力的快下！
· 2009最新最全QQ空间免费物品大全（物品名称:开场动画、免费皮肤、导航、音乐播放器）
· 交谊舞视频教程大全,免费下载，泡妞必学(狐步、慢四、华尔兹、快三、伦巴、恰恰)
· 如何免费点亮、关闭熄灭QQLive图标？
· 如何免费点亮、关闭熄灭QQ腾讯图书图标？
站内搜索： 关键词：英语 疯狂英语 免费 QQ空间 ASP 教程 讲座 余世维 陈安之 李阳
发表文章评论
名称： *
邮箱：
Q Q ：
网站：
内容： * 共可输入250字，还剩字。
验证：
还没有评论，快抢沙发...