js实现图片等比缩略显示代码，支持IE，Firefox浏览器

分类：网页设计 Tags： javascript 图片 兼容浏览器 评论：0 浏览：4509 最近更新时间：2008/10/25 14:10:15

 

1. <script language="javascript"> 
2. var flag=false;  
3. function MyImage(Img){  
4. var image=new Image();  
5. image.src=Img.src;  
6. width=236;//预先设置的所期望的宽的值 
7. height=170;//预先设置的所期望的高的值 
8. if(image.width>width||image.height>height){//现有图片只有宽或高超了预设值就进行js控制 
9. w=image.width/width; 
10. h=image.height/height; 
11. if(w>h){//比值比较大==>宽比高大 
12. //定下宽度为width的宽度 
13. Img.width=width; 
14. //以下为计算高度 
15. Img.height=image.height/w; 
16.  
17. }else{//高比宽大 
18. //定下宽度为height高度 
19. Img.height=height; 
20. //以下为计算高度 
21. Img.width=image.width/h; 
22.  } 
23. } 
24. }  
25. </script> 

图片加上onload='javascript:MyImage(this);'代码即可

 

1. <img src="images/img.jpg" onload='javascript:MyImage(this);'  border="0"/>

本文地址：/389/

• 相关文章
• 推荐文章
• 最新文章

• • 关于网站paypal在线支付接口代码问题
  • FCKEditor2.5编辑器设置及修改方法For ASP，支持UTF-8编码
  • CSS选取第几个标签元素：first-child、last-child、nth-child
  • 目前唯一支持中国银行卡付款的LunarPages.com美国空间/虚拟主机
  • 自定义网页鼠标样式代码,让自己的网页更个性
  • 用CSS做的个性alt跟随title效果
  • 如何设置网页方式直接浏览IIS网站日志.log文件
  • ASP生成农历日期程序代码，含年月日、星期、天干、地支、属相
  • JavaScript自动替代错误图片代码
  • 支持支付宝付款的国外空间商
  

• • windows.open()网页弹出窗口参数列表
  • 非常搞笑的九次相亲经历
  • 围巾、帽子、手套、腰带、背包、钱包等常用商品的拍摄技巧
  • 谷歌Google企业邮局设置Foxmail、Outlook收发信(POP3/SMTP)
  • 个人网站的常见五大弊病/问题
  • 黑帽seo中最好的隐藏链接代码
  • Windows2003服务器安全-IIS、FTP、Jmail、SQL的配置
  • 余志国搜索引擎蜘蛛来访记录系统【2.0已发布，请下载新版】
  • asp多条件查询sql语句用法，可用于搜索、筛选模块
  • 国外黄页网址大全，外贸一族专用
  

• • 免费版163网易企业邮箱使用foxmail收发信，创建客户端授权密码
  • wordpress更换域名后如何替换数据库老网址
  • opencart首页添加自定义模块教程
  • opencart设置满多少金额包邮教程
  • opencart网店展示视频教程
  • opencart网店产品添加颜色、尺寸选项教程
  • Google Workspace gmail企业邮箱老板监控员工邮件操作方法
  • zoho企业邮箱开启手机验证码双重认证教程
  • 外贸网站如何使用Google Search Console谷歌管理员工具
  • 腾讯企业邮箱开启安全登录后，如何登录foxmail收发信
  

发表评论

您的IP：18.97.14.91，来自：