给朋友帮忙写个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事件,打开新窗口
}
}