js图片自适应大小,使用js控制图片显示大小

（最后更新于） 分类: 技术文档 评论(0) 阅读(72) 赞(0)

　　原来经常使用过一个js控制图片显示大小的代码，可是找不到了；现在只好重新整理了一下，已被以后使用吧！这个代码是使用JS控制页面中的图片显示大小的，无论后台上传多大的图片，这里都会按照你所设定的宽度或者高度来显示图片(前提是你的图片高度和宽度超过了你JS中所设置的宽度或高度才行！如果你非要打别，我无语......代码不是我写的....) 好了补多说，直接贴出“js图片自适应大小,使用js控制图片显示大小”代码如下：

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<script language="javascript">
function getInfo()
    {
     var info = window.document.getElementById("content").getElementsByTagName("img");
     for (var i=0;i<info.length;i++)
      {
       showing(info[i]);
      }
    }
   function showing(imgid)
    {
     var mypic = new Image();
     mypic.src = imgid.src;
     var mywidth = mypic.width;
     var myheight = mypic.height;
//     if (myheight >= 375)
//      {    
//       imgid.style.height = 375;
//       imgid.style.width = Math.floor(mywidth/(myheight/375));
//      }
     if (mywidth >=520)
      {
       imgid.width =520;
       imgid.height = Math.floor(myheight/(mywidth/520));
      }
     else
      {
       imgid.width = mywidth;
       imgid.height = myheight;
      }
    }
window.onload = function ()
     {
      getInfo();
     }
</script>

除特别注明外，本站所有文章均为电信物联卡官网原创，转载请注明出处来自https://blog.21863.cn/post/189.html

赞一下 打赏 生成封面
js图片自适应大小,使用js控制图片显示大小 bigger封面
  • 0 个人已赞
上一篇

下一篇

相关文章

参与评论