html中對(duì)于img標(biāo)簽以及改變圖片尺寸的詳細(xì)說明（圖）
發(fā)表時(shí)間：2024-05-11 來(lái)源：明輝站整理相關(guān)軟件相關(guān)文章人氣：
[摘要]1、統(tǒng)一大小？我的網(wǎng)頁(yè)上面有許多的圖片，有的大，有的小，我想如果圖片大的實(shí)現(xiàn)縮放，所有的都是一般大。來(lái)看看沒有是什么效果。大家看的出來(lái)，非常的難看的，于是我想讓有沒有一種方法是把那個(gè)大的變成小的呢？<li><img src=http://pic2.ooopic.com/01/03...
1、統(tǒng)一大小？
我的網(wǎng)頁(yè)上面有許多的圖片，有的大，有的小，我想如果圖片大的實(shí)現(xiàn)縮放，所有的都是一般大。來(lái)看看沒有是什么效果。
大家看的出來(lái)，非常的難看的，于是我想讓有沒有一種方法是把那個(gè)大的變成小的呢？
<li><img src='http://pic2.ooopic.com/01/03/51/25b1OOOPIC19.jpg' width=400px height=400px /></li>
效果圖如下：
但是如果圖片太小了呢？就會(huì)被放大，好難看！！！有沒有什么辦法讓大的變小，小的不被放大的方法呢？
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>食物詳情</title>
</head>
<body>
<ul>
<li><img name="pic" src='http://pic2.ooopic.com/01/03/51/25b1OOOPIC19.jpg' /></li>
<li><img name="pic" src='http://baike.soso.com/p/20090711/20090711101754-314944703.jpg' /></li>
<li><img name="pic" src='http://img2.3lian.com/img2007/19/33/005.jpg' /></li>
<li><img name="pic" src='http://img.taopic.com/uploads/allimg/130501/240451-13050106450911.jpg' /></li>
<script type="text/javascript">
function setImg(w, h){
alert("111");
//var imgList = document.getElementsByTagName('img');
var imgList = document.getElementsByName("pic");
for(var i=0;i<imgList.length;i++){
alert("222");
if(imgList[i].width>w imgList[i].height>h){
imgList[i].width = w;
imgList[i].heigth = h;
}
}
}
setImg(400,400);
</script>
</ul>
</body>
</html>效果如下：
以上就是html中關(guān)于img標(biāo)簽以及改變圖片尺寸的詳解（圖）的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章！
網(wǎng)站建設(shè)是一個(gè)廣義的術(shù)語(yǔ)，涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。
