img
1、统一大小？
我的网页上面有许多的图片，有的大，有的小，我想如果图片大的实现缩放，所有的都是一般大。来看看没有是什么效果。
大家看的出来，非常的难看的，于是我想让有没有一种方法是把那个大的变成小的呢？
<li><img src='http://pic2.ooopic.com/01/03/51/25b1OOOPIC19.jpg' width=400px height=400px /></li>
效果图如下：
但是如果图片太小了呢？就会被放大，好难看！！！有没有什么办法让大的变小，小的不被放大的方法呢？
<!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.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>
效果如下：
感谢论坛大牛：无爱大叔
文章最后发布于: 2019-08-03 10:02:05
相关阅读
http://www.stpeterschelsea.com/ert.html 88
Mostly plants This will protein shak
textContent和innerText以及innerHTML的区别，结合demo
先看看下面这个demo，不言自明： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</titl
紧接上文 WebVR使用跨平台H5技术，降低了开发者的技术门槛，提升了开发效率，我们来做个VR的Demo如何？本周小米发布
底部标签栏的图标风格在一定程度上也决定了界面的风格。当下，随着各种风格的流行，底部标签栏也不再是一成不变的风格。底部标签栏看
HTML是一种标记语言,它的全称为:"Hypertext Markup Language",超文本标记语言的意思。 htm是来源于老的8.3文件格式，DOS操作系统只