zoukankan      html  css  js  c++  java
  • 批量修改图片大小

    使用方法:

    保存下面代码为imgzoom.htc,找个目录放好,我是放在根目录下的;


    以下是代码:

    <script language="javascript">  var _width = element.width;  var

    _hieght = element.height;  var _maxpixel = _width;  var _which = "w";  

    var maxwidth = 700;  var maxheight = 525;    element.onmousewheel =

    test;  if (element.width > maxwidth) {    element.width = maxwidth;   

    element.removeAttribute("height");        }            if

    (element.parentElement.tagName != "A"){                var _html = "";

                _html += "<div align=center><a href=""+element.src+""

    target="_blank">";            _html += element.outerHTML;            

    _html += "</a></div>";            element.outerHTML = _html;        }

    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>

    第二步,在需要控制的页面(如TSYS的新闻页模板)里加入下面的代码,或者写到CSS

    里去,


    <style type="text/css">  #articlebody img {    behavior: url

    ("/imgzoom.htc");  }</style>


    然后content显示的地方套个层,如:<div  

    id="articlebody">$content$content$lt;</div>
    这样就OK了,很简单,具体大小设置可以在imgzoom.htc里修改相应代码,相信大家

    都看的懂,这是我目前发现的控制正文图片大小最好的了,有更好的,欢迎大家提供

    分享!~

  • 相关阅读:
    云计算设计模式(十一)——健康端点监控模式
    大数据R语言简析
    git查看/修改 用户名和邮箱
    MySQL查询和修改auto_increment的方法
    git 配置用户名和邮箱
    discuz安装小云app
    二维码转化为链接
    discuz更换域名,登录不了解决
    数据结构很重要
    C++ vector错误(1)
  • 原文地址:https://www.cnblogs.com/huodong/p/4310391.html
Copyright © 2011-2022 走看看