昨天我写的脚本有点问题,紧急修正!
2006-10-06
由于思考问题过于幼稚,昨天我写的脚本没有详细的测试,现在发现一个问题:在没有定义图像长宽时如果自动缩小宽度,则图像高度会自动按比例调整,而我的脚本就会错误的再次缩小高度,导致比例错误。(而我发布图片时习惯点一下“恢复尺寸”,即手动定义了高度,所以没有及时发现这个问题
)
我已增加了一个变量"tureheight"来识别宽度变化后高度是否自动调整(即是否没有定义长宽),如没有自动调整才执行调整高度的语句,否则维持原样。(现在想想一开始的脚本不调整高度应该就是为不定义长宽时的图片设计的,我只是加上了为定义了长宽的图片正确按照设定的比例缩小图片和自动识别是否需要缩小图片而已)
function resizeImg() {
var imageAll=document.getElementById("content").getElementsByTagName("img");
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;
}
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;
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;
}
imageAll[i].onclick=function(){window.open(this.src)};
imageAll[i].style.cursor="pointer";
imageAll[i].alt="点击查看原始尺寸";
}
else {
imageAll[i].style.width=turewidth;
}
}
}
}


评论