海海日记-冯海滨博客

您现在的位置是:首页 > Html > 正文

Html

图片超出固定高度后自动等比例缩小js

happyfhb2014-10-03Html2071
<script type="text/javascript"> 

window.onload=function(){ 

   var myimg,oldwidth,oldheight;
   var maxwidth=600;//定义图片的宽度限制 超出后才开始自动等比例缩小
   var maxheight=1880//定义图片的高读限制 超出后才开始自动等比例缩小
   var imgs = document.getElementById('articleimg').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;
         }
     }
   }

} 

</script>


平淡中储蓄成长

发表评论

评论列表

  • 这篇文章还没有收到评论,赶紧来抢沙发吧~