批量修改图片大小

使用方法:

保存下面代码为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里修改相应代码,相信大家

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

分享!~

posted @ 2015-03-03 10:45  冬天下  阅读(178)  评论(0编辑  收藏  举报