批量修改图片大小
使用方法:
保存下面代码为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里修改相应代码,相信大家
都看的懂,这是我目前发现的控制正文图片大小最好的了,有更好的,欢迎大家提供
分享!~