js实现图片等比缩略显示代码,支持IE,Firefox浏览器
分类:网页设计 Tags: javascript 图片 兼容浏览器 评论:0 浏览:4471 最近更新时间:2008/10/25 14:10:15
- <script language="javascript">
- var flag=false;
- function MyImage(Img){
- var image=new Image();
- image.src=Img.src;
- width=236;//预先设置的所期望的宽的值
- height=170;//预先设置的所期望的高的值
- if(image.width>width||image.height>height){//现有图片只有宽或高超了预设值就进行js控制
- w=image.width/width;
- h=image.height/height;
- if(w>h){//比值比较大==>宽比高大
- //定下宽度为width的宽度
- Img.width=width;
- //以下为计算高度
- Img.height=image.height/w;
- }else{//高比宽大
- //定下宽度为height高度
- Img.height=height;
- //以下为计算高度
- Img.width=image.width/h;
- }
- }
- }
- </script>
- <img src="images/img.jpg" onload='javascript:MyImage(this);' border="0"/>
本文地址:/389/
-
• 如何设置网页方式直接浏览IIS网站日志.log文件
• JavaScript自动替代错误图片代码
• 支持支付宝付款的国外空间商
• 网页meta详解,制作网页的来了解下!
• 网站采用DIV+CSS布局QQ客服不能滚动的问题
• ASP格式化显示时间的函数代码
• 网页Title标题、Keywords关键词、description描述该怎么写才利于网站优化
• 企业建站规范有哪些具体内容?
• 英文网站/英文名片电话号码的正确写法
• 几行代码搞定FLASH动态切换图片效果