js 加載時(shí)自動(dòng)調(diào)整圖片大小
更新時(shí)間:2008年05月28日 22:52:39 作者:
又一個(gè)javascript自動(dòng)調(diào)整圖片大小的腳本
// 方法:setSelectReadOnly 用于設(shè)定極select控件ReadOnly,
// 這個(gè)一個(gè)模擬只讀不是真的只讀
// 使用了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 = "點(diǎn)擊在新窗口中查看原圖";
}
// 這個(gè)一個(gè)模擬只讀不是真的只讀
// 使用了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 = "點(diǎn)擊在新窗口中查看原圖";
}
相關(guān)文章
在頁(yè)面預(yù)覽客戶端本地圖片的js代碼(兼容FF IE)
IE為了安全是不允許頁(yè)面預(yù)覽客戶端本地圖片的,也就是img元素的SRC是相對(duì)路徑 不可能是絕對(duì)路徑的 為了達(dá)成這一需求 需要使用濾鏡2012-05-05javascript批量檢查當(dāng)圖片不存在時(shí)則顯示默認(rèn)圖片的代碼
批量檢查圖片地址顯示是不是有錯(cuò)誤,在ie瀏覽器中是有當(dāng)圖片不存在時(shí)的onerror事件的,下面的代碼即是非常不錯(cuò)的應(yīng)用。2008-09-09