当前位置：首页 → 问答吧 → [求助] 图片等比例缩放

[求助] 图片等比例缩放

时间：2010-06-04

来源：互联网

写了一个等比例缩放的js但是在服务器上运行的时候不好使

复制内容到剪贴板

代码:

//content pic resize
function con_picSize(){
    var con_reSize = document.getElementById("con_picSize").getElementsByTagName("img");
    var con_imgNum = con_reSize.length;
    for(var i = 0 ; i < con_imgNum ; i++){
        if(con_reSize[i].width > 930 && con_reSize[i].height > 590 && con_reSize[i].width >= con_reSize[i].height){
            con_reSize[i].width = 930;
            con_reSize[i].height = (con_reSize[i].height*930)/(con_reSize[i].width);
        }
        if(con_reSize[i].width > 930 && con_reSize[i].height > 590 && con_reSize[i].width < con_reSize[i].height){
            con_reSize[i].height = 590;
            con_reSize[i].width = (con_reSize[i].width*590)/(con_reSize[i].height);
        }
        if(con_reSize[i].width > 930 && con_reSize[i].height < 590){
            con_reSize[i].width = 930;
            con_reSize[i].height = (con_reSize[i].height*930)/(con_reSize[i].width);
        }

        if(con_reSize[i].width <= 930 && con_reSize[i].height >= 590){
            con_reSize[i].height = 590;
            con_reSize[i].width = (con_reSize[i].width*590)/(con_reSize[i].height);
        }
    }
}

jsp页面用fck控件插入的图片，img标签内部有height width的属性以及赋值。
当图片宽度小于930，高度大于590的时候
高度可以被重新设置为590，但是高度没有等比例缩放缩放。不明原因...

作者: PdNow 发布时间: 2010-06-04