发布一组控制图片大小的JS代码非常实用

因为最近做了一个图片站，遇到大图总是把模版要撑变形，工夫不负有心人终于找到了一组好用的JS代码

演示：人体艺术

JS代码是如下：

<script type=”text/javascript” >
var _text = document.getElementById(’text’);
function formatPic(){var _imgs = _text.getElementsByTagName(”IMG”);
var _tabs = _text.getElementsByTagName(”TABLE”);
for (i=0;i<_imgs.length;i++){if (_imgs.scrollWidth > 670){_imgs.width = “670″;_imgs.onclick= showPic;_imgs.style.cursor=”pointer”;_imgs.alt=”点击放大”;}}
for (i=0;i<_tabs.length;i++){if (_tabs.width > 670){_tabs.style.width = “670″;}}}
function showPic(){window.open(this.src);}
if(_text){window.onload = formatPic;}
</script>



代码里670是图片最大的宽度，超过这个宽度的图片都会变成670，还有这个代码要放在网页下面，只有图片加载完后在加载JS才能有效果，还有一个要把你的，内容控制的CSS改为id=”text”这样才能生效，效果也很不错！

具体页面如下，

http://www.ysrenti.com/rt_1/ys_121.html

你可以打开大图看看原始图片的大小，就知道这个JS发挥的作用了（此办法献给和我一样的小鸟，希望技术牛人不要BS）！