HTML标签img--改变图片尺寸
来源:互联网 发布:js时间插件 编辑:程序博客网 时间:2024/05/18 12:02
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.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>效果如下:
感谢论坛大牛:无爱大叔
0 0
- HTML标签img--改变图片尺寸
- html之img标签
- HTML <img> 标签
- HTML <img> 标签
- HTML-认识<img>标签
- HTML<a>标签,<img>标签
- HTML标签<img><map><area>
- HTML img标签align属性
- HTML <img>标签路径问题
- 前端html之img标签
- android Html img 标签解析
- 3-HTML中的img标签
- html--图像显示<img>标签
- HTML(五) 使用img标签
- HTML的<img>标签基础
- html img标签的使用
- html a标签img标签的认识
- 页面动态改变img标签内容
- VMware 修改linux 分辨率(fc8)
- 亲自动手编程 framebuffer.
- 【C++基础04】C/C++中的const
- 显示设置vga framebuffer
- 全面的framebuffer详解
- HTML标签img--改变图片尺寸
- 常用的Linux编程库
- VMWARE 6.5.2 安装vmware-tools问题
- Android之进程和线程
- mybatis resultMap的使用
- 《iOS Human Interface Guidelines》——Social Media
- TCP/IP协议三次握手与四次握手流程解析
- SQL数据库学习总结
- 解决Viewpager满屏不能自适应填充内容的三种办法