欧美国产另类久热|951超碰伊人久久|伊人影视久久久久|色婷婷亚洲小电影|色东京热69XX|婷婷玖玖深爱网|加勒比东京热网站|无码A级毛片在线观看|一级a毛一级a看|中文字幕人妻欧美

js 自適應控制圖片的大小
來源:易賢網(wǎng) 閱讀:1118 次 日期:2016-06-22 09:42:02
溫馨提示:易賢網(wǎng)小編為您整理了“js 自適應控制圖片的大小”,方便廣大網(wǎng)友查閱!

<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>=500/400){

if(image.width>500){

imgd.width=500;

imgd.height=(image.height*500)/image.width;

}else{

imgd.width=image.width;

imgd.height=image.height;

}

}

else{

if(image.height>400){

imgd.height=400;

imgd.width=(image.width*400)/image.height;

}else{

imgd.width=image.width;

imgd.height=image.height;

}

}

}

}

</script>

調用方式(img是顯示圖片的html代 ) <img src= temp.jpg border=0 onload=javascript:drawimage(this);>

修改后:

<script language=javascript>

var flag=false; //控制小圖

function drawimage(imgd,maxwidth,maxheight){

var image=new image();

image.src=imgd.src;

if(image.width>0 && image.height>0){

flag=true;

if(image.width/image.height>=maxwidth/maxheight){

if(image.width>maxwidth){

imgd.width=maxwidth;

imgd.height=(image.height*maxwidth)/image.width;

}else{

imgd.width=image.width;

imgd.height=image.height;

}

}

else{

if(image.height>maxheight){

imgd.height=maxheight;

imgd.width=(image.width*maxheight)/image.height;

}else{

imgd.width=image.width;

imgd.height=image.height;

}

}

}

}

</script>

呵呵,多了兩個參數(shù),也就是你能夠接受的最大寬度maxwidth與最大高度maxheight

更多信息請查看腳本欄目
易賢網(wǎng)手機網(wǎng)站地址:js 自適應控制圖片的大小
關于我們 | 聯(lián)系我們 | 人才招聘 | 網(wǎng)站聲明 | 網(wǎng)站幫助 | 非正式的簡要咨詢 | 簡要咨詢須知 | 新媒體/短視頻平臺 | 手機站點

版權所有:易賢網(wǎng)