當前位置:首頁 » 圖片大全 » js圖片高度多少合適
擴展閱讀
孤獨動漫背景圖片背影男 2024-09-23 08:04:04

js圖片高度多少合適

發布時間: 2024-03-05 22:19:15

A. 論壇代碼中圖片寬度高度設置的js問題

如果僅僅是要自動改大小的話,代碼如下:
首先需要給自動改尺寸的img標簽添加onload='imgAutoresize(this)'屬性,然後代碼包含以下:
function
imgAutoresize(o){
if(o.width
>
700
){
var
iwidth
=
o.width;
var
iheight
=
o.height;
o.style.width
=
'700px';
o.style.height
=
(iheight/iwidth)*700+'px';
}
}

B. js 控制圖片大小

這種情況用CSS來控制最合適。例如你想讓初始圖片顯示為100px*100px,則:
<img src="images/pic.png" width="100" height="100" />

或者:

<img src="images/pic.png" style="width:100px; height:100px" />

當頁面中圖片非常多,且要求每張圖片的大小依據其父容器來固定怎麼辦?可以使用max-weight:

img {max-weight:100%;}

這樣圖片會自動縮放到和其父容器等寬。