用javascript调整页面内图片的大小

给朋友帮忙写个javascipt小脚本,用来处理页面内指定区域内(用<div>指定的区域)的图片的大小,超出大小按照指定宽度按比例缩小。

以下是代码

 

var w=650; //指定最大宽度

//打开新窗口,显示图片
 function imgclick(uri)
 {
  window.open(uri);
 }

//遍历指定区域内的图片,如果不指定则遍历整个网页
 function enumimg(id)
 {
  var imgs;
   if(id==undefined)//没指定区域
     imgs=document.images;  
    else   //指定了区域
     imgs=document.getElementById(id).getElementsByTagName('img');  
    
  var i=0;
  
  for(i;i<imgs.length;i++)
  {
    var obj=imgs[i];
    if(obj.width>w)
    {

     obj.height=obj.height*w/obj.width;//同比例缩放
     obj.width=w;     
    }
    obj.style.cursor="hand"; //鼠标移到图片上的时候,把指针换成小手图标
    obj.onclick=Function("imgclick('"+obj.src+"')"); //绑定onclick事件,打开新窗口
  }
  
 }

你可能感兴趣的:(用javascript调整页面内图片的大小)