HTML标签img--改变图片尺寸
2016-01-13 10:11
519 查看
1、统一大小?
我的网页上面有许多的图片,有的大,有的小,我想如果图片大的实现缩放,所有的都是一般大。来看看没有是什么效果。
大家看的出来,非常的难看的,于是我想让有没有一种方法是把那个大的变成小的呢?
<li><img src='http://pic2.ooopic.com/01/03/51/25b1OOOPIC19.jpg' width=400px height=400px /></li>
效果图如下:
但是如果图片太小了呢?就会被放大,好难看!!!有没有什么办法让大的变小,小的不被放大的方法呢?
感谢论坛大牛:无爱大叔
我的网页上面有许多的图片,有的大,有的小,我想如果图片大的实现缩放,所有的都是一般大。来看看没有是什么效果。
大家看的出来,非常的难看的,于是我想让有没有一种方法是把那个大的变成小的呢?
<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.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打卡】0112-html发展、doctype声明
- html 文本出现 function String() { [native code] }
- 【HTML/XML 6】XML文档的基本组成
- 【HTML/XML 6】XML文档的基本组成
- html之file标签 --- 图片上传前预览 -- FileReader
- GDataXML-HTML 解析XML
- HTML与XHTML的区别
- html与htm的区别
- HTMLParser 解析HTML
- HTML学习笔记
- 如何让html输入域中只填写英文,不能填写中文
- HTML 部分名词解释(CDN、DOM)
- 关于mvc中@Html.DropDownListFor和@Html.DropDownList默认值无法选中问题简单总结
- 1月12日,HTML学习笔记2
- html中不要忽略一些细节
- <!DOCTYPE html>
- 20160112html学习笔记表格列表
- htm、html、shtml区别
- window.location.href和window.location.replace的区别
- HTML <area> 标签 带有可点击区域的图像映射(图像映射指的是带有可点击区域的图像)