js 加载时自动调整图片大小

技术文章

js 加载时自动调整图片大小

时间：2008-05-28 点击：129

//  方法：setSelectReadOnly  用于设定极select控件ReadOnly,
//        这个一个模拟只读不是真的只读
//        使用了onbeforeactivate,onfocus,onmouseover,onmouseout事件
//    示例：< img src='img.jpg' onload='ImgAutoSize(ImgD,FitWidth,FitHeight)' > ;
//  create by sl
// ---------------------------------------------------
function ImgAutoSize(imgD,FitWidth,FitHeight)
{
var image1=new Image();
image1.onload = function ()
{
    if(this.width>0 && this.height>0)
    {
        if(this.width/this.height>= FitWidth/FitHeight)
        {
            if(this.width>FitWidth)
            {
                imgD.width=FitWidth;
                imgD.height=(this.height*FitWidth)/this.width;
            }
            else
            {
                imgD.width=this.width;
                imgD.height=this.height;
            }
        }
        else
        {
            if(this.height>FitHeight)
            {
                imgD.height=FitHeight;
                imgD.width=(this.width*FitHeight)/this.height;
            }
            else
            {
                imgD.width=this.width;
                imgD.height=this.height;
            }
        }
    }
    image1 = null;
}

image1.src=imgD.src;
imgD.style.cursor = 'hand';
imgD.onclick= function(){openWin(this.src,'imgphoto',600,400)};
imgD.title = "点击在新窗口中查看原图";
}

用javascript做拖动布局的思路

用JS实现一个页面多个css样式实现

使用jquery给input和textarea设定ie中的focus

js中cookie的使用详细分析

javascript一点特殊用法

> 返回