我改进的狐客的图片自动缩小功能（已发现Bug，请到http://wsxephon.5fox.com/articles/2006/10/1611.html察看修正版）
2006-10-05
我看了几个模版，自带的图片自动缩小功能都只能缩减宽度，而高度不变，这样图形变形很难看。我调整了相关的代码实现了缩小时保持长宽比：
function resizeImg() {
var imageAll=document.getElementById("content").getElementsByTagName("img");
if (imageAll !=null) {
for (i=0; i<imageAll.length; i++) {
turewidth=imageAll[i].width;
imageAll[i].style.width="100%";
if (turewidth>imageAll[i].width) {
imageAll[i].style.height=imageAll[i].height/turewidth*imageAll[i].width;
imageAll[i].onclick=function(){window.open(this.src)};
imageAll[i].style.cursor="pointer";
imageAll[i].alt="点击查看原始尺寸";
}
else {
imageAll[i].style.width=turewidth;
}
}
}
}
var imageAll=document.getElementById("content").getElementsByTagName("img");
if (imageAll !=null) {
for (i=0; i<imageAll.length; i++) {
turewidth=imageAll[i].width;
imageAll[i].style.width="100%";
if (turewidth>imageAll[i].width) {
imageAll[i].style.height=imageAll[i].height/turewidth*imageAll[i].width;
imageAll[i].onclick=function(){window.open(this.src)};
imageAll[i].style.cursor="pointer";
imageAll[i].alt="点击查看原始尺寸";
}
else {
imageAll[i].style.width=turewidth;
}
}
}
}
现在已经实现自动识别DIV的宽度以决定多大的图片自动缩小，这样改模版时就不用管这段代码了:-)
实例：1024*768px
评论
可惜这个版本的脚本还是有问题，我已经将修正了问题的放在了新的日志里：http://wsxephon.5fox.com/articles/2006/10/1611.html
佩服，佩服，你的编程和我们小西门有得一比。希望，继续为HK的壮大和发展添砖加瓦……呵呵