图片(img标签)大小自适应

本文转载自查看原文 2015-01-07 17:19 2848 javascript

 1 $(function(){
 2              var myimg,oldwidth,oldheight;
 3                var maxwidth=249;
 4                var maxheight=187;
 5                var imgs = document.getElementsByTagName('img'); 
 6              
 7                for(i=0;i<imgs.length;i++){
 8                  myimg = imgs[i];
 9              
10                  if(myimg.width > myimg.height)
11                  {
12                      if(myimg.width > maxwidth)
13                      {
14                         oldwidth = myimg.width;
15                         myimg.height = myimg.height * (maxwidth/oldwidth);
16                         myimg.width = maxwidth;
17                      }
18                  }else{
19                      if(myimg.height > maxheight)
20                      {
21                         oldheight = myimg.height;
22                         myimg.width = myimg.width * (maxheight/oldheight);
23                         myimg.height = maxheight;
24                      }
25                  }
26                }
27         })

免责声明！

本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。

猜您在找 img标签图片自适应的样式 css img图片和背景图片按容器大小自适应大小（居中裁切） img标签在div自适应 CSS——img自适应div大小图片根据容器大小自适应让图片自适应大小的方法 js图片自适应大小 img图片自适应宽和高[转] img图片自适应object-fit CSS将img图片填满父容器div，自适应容器大小