图片自动缩小脚本第三版，支持Firefox！
2006-11-03
改进：
1 - 修正Firefox无法使用该脚本并导致图片显示不正常的问题；
2 - 修正一个条件判断语句中的小bug，提高执行效率；
3 - 将"Alt"属性改为"Title"以符合W3C规范，支持在Firefox等浏览器中显示提示文字；
4 - 在提示文字中显示图片真实分辨率以方便用户；
5 - 进一步规范语法以增强各种浏览器的兼容性。
function resizeImg() {
var imageAll=document.getElementById("content").getElementsByTagName("img");
var turewidth,tureheight;
if (imageAll !=null) {
for (i=0; i<imageAll.length; i++) {
turewidth=imageAll[i].width;
tureheight=imageAll[i].height;
imageAll[i].style.width="100%";
if (turewidth>imageAll[i].width) {
if(imageAll[i].height==tureheight) {
imageAll[i].style.height=imageAll[i].height/turewidth*imageAll[i].width+"px";
}
imageAll[i].onclick=function(){window.open(this.src)};
imageAll[i].style.cursor="pointer";
imageAll[i].title="点击查看原始尺寸："+turewidth+"*"+tureheight+"px";
}
else {
imageAll[i].style.width=turewidth+"px";
}
}
}
}
var imageAll=document.getElementById("content").getElementsByTagName("img");
var turewidth,tureheight;
if (imageAll !=null) {
for (i=0; i<imageAll.length; i++) {
turewidth=imageAll[i].width;
tureheight=imageAll[i].height;
imageAll[i].style.width="100%";
if (turewidth>imageAll[i].width) {
if(imageAll[i].height==tureheight) {
imageAll[i].style.height=imageAll[i].height/turewidth*imageAll[i].width+"px";
}
imageAll[i].onclick=function(){window.open(this.src)};
imageAll[i].style.cursor="pointer";
imageAll[i].title="点击查看原始尺寸："+turewidth+"*"+tureheight+"px";
}
else {
imageAll[i].style.width=turewidth+"px";
}
}
}
}
实例：
评论
謝謝樓主！