指定区域的图片自动按比例缩小的js代码

点评：有时我们更新的内容，有很多的大图片，就会导致页面变形或看不到全图。一般情况我们用css的max-width控制，但有些浏览器不支持，我们也可以用js做个补充！

复制代码 代码如下:

<p id=article><img height="800" alt="" width="1280" src="/down/js/images/12498880470.jpg" /></p>

<script type="text/javascript" >

//缩放图片到合适大小

function ResizeImages()

{

   var myimg,oldwidth,oldheight;

   var maxwidth=550;

   var maxheight=880

   var imgs = document.getElementById('article').getElementsByTagName('img');   //如果你定义的id不是article，请修改此处

   for(i=0;i<imgs.length;i++){

     myimg = imgs[i];

     if(myimg.width > myimg.height)

     {

         if(myimg.width > maxwidth)

         {

            oldwidth = myimg.width;

            myimg.height = myimg.height * (maxwidth/oldwidth);

            myimg.width = maxwidth;

         }

     }else{

         if(myimg.height > maxheight)

         {

            oldheight = myimg.height;

            myimg.width = myimg.width * (maxheight/oldheight);

            myimg.height = maxheight;

         }

     }

   }

}

//缩放图片到合适大小

ResizeImages();

</script>