当前位置:文秘家园>> 文字工作>> 实务性工作>> 电脑网络

电脑网络

用JS控制页面图的图片大小的通用代码

    】【收藏】  作者: 佚名  来源: 互联网络  阅读 次 【加入会员

    这个用JS控制页面图片大小的方法非常好,无须在显示图片时添加额外的代码。
    这个一般用于文章查看的页面,针对新闻性质的网站,此外这个算法是直接分析网页中所有图片的,因此如果你的版面设计中有比指定宽度大的图片是不能用这个函数的(或者用id区分开)。

<script language="javascript">
function ResizeImages()
{
   var myimg,oldwidth;
   var maxwidth=600;
   for(i=0;i<document.images.length;i++){
     myimg = document.images[i];
     if(myimg.width > maxwidth)
     {
        oldwidth = myimg.width;
        myimg.width = maxwidth;
        myimg.height = myimg.height * (maxwidth/oldwidth);
     }
   }
}
ResizeImages();
</script>


手机扫码阅读本文


 

相关文章