用javascript調整頁面內圖片的大小
阿新 • • 發佈:2019-02-11
給朋友幫忙寫個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事件,開啟新視窗
}
}