轉自：https://blog.csdn.net/u012377333/article/details/50508484
1、統一大小？
我的網頁上面有許多的圖片，有的大，有的小，我想如果圖片大的實現縮放，所有的都是一般大。來看看沒有是什么效果。
大家看的出來，非常的難看的，於是我想讓有沒有一種方法是把那個大的變成小的呢？
<li><img src='http://pic2.ooopic.com/01/03/51/25b1OOOPIC19.jpg' width=400px height=400px /></li>
效果圖如下：
但是如果圖片太小了呢？就會被放大，好難看！！！有沒有什么辦法讓大的變小，小的不被放大的方法呢？
-
-
<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.lenght;i++){
-
alert( "222");
-
if(imgList[i].width>w || imgList[i].height>h){
-
imgList[i].width = w;
-
imgList[i].height = h;
-
}
-
}
-
}
-
setImg( 400,400);
-
</script>
-
</ul>
-
</body>
-
</html>
效果如下：
感謝論壇大牛：無愛大叔