长度和宽度自动缩放

高度自动
height:expression(document.180.clientWidth < 180? "180px": "auto" );


宽度限制
 class="imgzoom"
.imgzoom img {behavior: url("${base}/styles/imgzoom.htc");
<script language="javascript">
  var _width = element.width;
  var _hieght = element.height;
  var _maxpixel = _width;
  var _which = "w";
  var maxwidth = 680;
  var maxheight = 680;
 
  //element.onmousewheel = test;
  if (element.width > maxwidth) {
    element.width = maxwidth;
    element.removeAttribute("height");
   
    if (element.parentElement.tagName != "A"){   
      var _html = "";
      _html += "<a href=\""+element.src+"\" target=\"_blank\">";
      _html += element.outerHTML;
      _html += "</a>";
      element.outerHTML = _html;
    }
  }
  /*
  if (height > _width) {
    _maxpixel = _hieght;
    _which = "h";
  }
  if (_which == "w") {
    if (element.width > maxwidth) {
      element.width = maxwidth;
      element.removeAttribute("height");
    }
  }
  else {
    if (element.height > maxheight) {
      element.height = maxheight;
      element.removeAttribute("width");
    }
  }*/

  function test() {
    return zoomimg(element)
  }

function zoomimg(pic){
  var zoom=parseInt(pic.style.zoom,10)||100;
  zoom+=event.wheelDelta/12;
  if (zoom>0) pic.style.zoom=zoom+'%';
  return false;
}
</script>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值