1. 程式人生 > >用javascript調整頁面內圖片的大小

用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事件,開啟新視窗
  }
  
 }