首页 > 网站 > 用JS控制页面图的图片大小的通用代码

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

2008年2月17日 阵风 发表评论 阅读评论

这个用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>

转自 IT柏拉图的博客:http://prato.bokele.com

分类: 网站 标签: , ,
  1. 本文目前尚无任何评论.
  1. 本文目前尚无任何 trackbacks 和 pingbacks.