又一個圖片自動縮小的JS代碼
更新時間：2007年03月10日 00:00:00 作者：
<script language="JavaScript">
<!--
var flag=false;
function DrawImage(ImgD){
var image=new Image();
image.src=ImgD.src;
if(image.width>0 && image.height>0){
flag=true;
if(image.width/image.height>= 180/110){
if(image.width>180){
ImgD.width=180;
ImgD.height=(image.height*110)/image.width;
}else{
ImgD.width=image.width;
ImgD.height=image.height;
}
/*ImgD.alt="bigpic" */
}
else{
if(image.height>110){
ImgD.height=110;
ImgD.width=(image.width*110)/image.height;
}else{
ImgD.width=image.width;
ImgD.height=image.height;
}
/*ImgD.alt="bigpic" */
}
}
}
//-->
</script>
圖片使用的地方:
<img src="圖片" border=0 width="180" height="110" onload="JavaScriptrawImage(this);">
width="180" height="110" 注意這里最好限定,如果不限定加載圖時會成原大,然后再縮小,這個過程如果圖大了很難看的.這里是寬度和高度,在前面的JS里改,這里也作相應(yīng)的改.
<!--
var flag=false;
function DrawImage(ImgD){
var image=new Image();
image.src=ImgD.src;
if(image.width>0 && image.height>0){
flag=true;
if(image.width/image.height>= 180/110){
if(image.width>180){
ImgD.width=180;
ImgD.height=(image.height*110)/image.width;
}else{
ImgD.width=image.width;
ImgD.height=image.height;
}
/*ImgD.alt="bigpic" */
}
else{
if(image.height>110){
ImgD.height=110;
ImgD.width=(image.width*110)/image.height;
}else{
ImgD.width=image.width;
ImgD.height=image.height;
}
/*ImgD.alt="bigpic" */
}
}
}
//-->
</script>
圖片使用的地方:
<img src="圖片" border=0 width="180" height="110" onload="JavaScriptrawImage(this);">
width="180" height="110" 注意這里最好限定,如果不限定加載圖時會成原大,然后再縮小,這個過程如果圖大了很難看的.這里是寬度和高度,在前面的JS里改,這里也作相應(yīng)的改.
相關(guān)文章
純CSS實現(xiàn)的當(dāng)鼠標(biāo)移上圖片添加陰影效果代碼
這個效果挺實用，當(dāng)把鼠標(biāo)放到一幅靜止的圖片上，圖片的四周邊框會出現(xiàn)陰影，具有立體感的效果，代碼是第二次修正，能適應(yīng)大小不同的圖片，值得大家嘗試一用哦。2009-12-12
這陣子琢磨著做一個可擴(kuò)展的“相冊”，其實就是一個JS做的用來展示圖片的組件。 不過何為可擴(kuò)展呢？2010-11-11
比較方便的onMouseWheel縮放圖片效果...2006-09-09
TFDN圖片播放器 不錯自動播放...2006-10-10
用js實現(xiàn)上傳圖片前的預(yù)覽（TX的面試題）
用js實現(xiàn)上傳圖片前的預(yù)覽（TX的面試題）...2007-08-08
群了朋友需要循環(huán)輸出數(shù)字順序的圖片，就是前面需要加0補(bǔ)到3為圖片，所以我給出了下面的代碼2008-06-06
利用javascript解決圖片縮放及其優(yōu)化的代碼
說起IE6，真是讓我們這些做前端的人又恨又無奈，許多屬性都不支持。可不少用戶還在用它，我們也不能無視。為了兼容，我只好跟同事請教了一下，然后針對IE6用js縮放來顯示圖片并進(jìn)行了一些細(xì)節(jié)上的優(yōu)化2012-05-05
2008-01-01
非常不錯的javascript 圖片慢慢下層效果...2007-08-08
2008-01-01