网站地图 | 联系我们 赣州网站建设 赣州做网站 赣州网站制作 赣州网站优化
你现在的位置:网站首页 > 资源分享 > JS插件 > 正文内容


div中图片等比缩放js

发布时间:2016-02-01 | 编辑 : 小勇 | 分类 : JS插件 | 阅读: 次 | 评论 :0

中图片等比缩放js代码如下:

  1. function tu(img,w,h){ 
  2.       var image=new Image() 
  3.       image.src=img.src 
  4.       if(image.width>0 &&image.height>0){ 
  5.           if(image.width/image.height>=w/h){ 
  6.               if(image.width>w){ 
  7.                    img.width=w; 
  8.                    img.height=(img.width*image.height)/image.width 
  9.                    img.style.marginTop=(h-img.height)/2+"px" 
  10.                   } 
  11.                else
  12.                      img.width=image.width; 
  13.                      img.height=image.height; 
  14.                      img.style.marginTop=(h-img.height)/2+"px" 
  15.                      img.style.marginLeft=(w-img.width)/2+"px" 
  16.                    }       
  17.               } 
  18.            else
  19.                  if(image.height>h){ 
  20.                        img.height=h; 
  21.                        img.width=(img.height*image.width)/image.height; 
  22.                        img.style.marginLeft=(w-img.width)/2+"px" 
  23.                      } 
  24.                   else
  25.                        img.width=image.width; 
  26.                        img.height=image.height; 
  27.                        img.style.marginTop=(h-img.height)/2+"px" 
  28.                        img.style.marginLeft=(w-img.width)/2+"px"  
  29.                       }   
  30.                }   
  31.           } 
  32.     } 


使用代码:

在img标签中调用onload="tu(this,width,height)"

如:

  1. <div><img src=" 1.jpg"  onload="tu(this,500,303)"/>div> 

js下载http://www.yl0797.com/uploadfile/2016/0201/20160201050218792.rar


本文标签图片等比缩放  

赞助我们:如果你觉得本站的内容对你确实有所帮助,请赞助我们让我们有动力为你继续奉献更多有用的内容→赞助我们

版权说明:如非注明,本站文章均为 小勇工作室 原创,转载请注明出处和附带本文链接 http://www.yl0797.com/html/2016/jq_0201/17.html。


联系我们
QQ:
873268813
旺旺:
wsuper勇
邮箱:
给我发邮件
QQ群:
加入交流群

Powered By 小勇工作室,Copyright www.yl0797.com © 2008-2018, 赣ICP备15004575号