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

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

分类:网页设计 Tags: javascript 图片 兼容浏览器 评论:0 浏览:4010 最近更新时间: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. </script> 
图片加上onload='javascript:MyImage(this);'代码即可
 
  1. <img src="images/img.jpg" onload='javascript:MyImage(this);'  border="0"/>

本文地址:https://www.yuzhiguo.com/389/
  • 相关文章
  • 推荐文章
  • 最新文章
发表评论





您的IP:3.84.182.112,来自:

留言

 


免费咨询
建站咨询热线
15967985565

扫一扫微信咨询
QQ: 358758308 Skype: yuzhiguo Facebook: yuzhiguo Email