js实现图片等比缩略显示代码,支持IE,Firefox浏览器
分类:网页设计 Tags: javascript 图片 兼容浏览器 评论:0 浏览:4618 最近更新时间: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/
-
• Dreamweaver CS3集成AJAX框架Spry之表单检测试用
• 2007年最具趣味的网站大全
• Fireworks制作网页效果图中画虚线的方法
• 网页设计中如何设置好你的网页文字
• 手机站自适应网页设计要点
• Godaddy windows Plesk新面板主机如何启用父路径
• MSN、腾讯QQ、SKYPE、阿里旺旺网页在线客服源代码
• 翻译、IP地址、手机号码归属、身份证信息、地图、天气、快递等API大全
• google企业邮箱无缘无故被停用/谷歌企业邮箱莫名其妙被封
• 网页设计中HTML常范的几个错误,平常设计中需要注意了!
