用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事件,打开新窗口
  }
  
 }

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值