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

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

 <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>