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>

效果如下:

感谢论坛大牛:无爱大叔

HTML标签img--改变图片尺寸相关推荐

  1. python 改变图片尺寸

    python 改变图片尺寸 #!/usr/bin/env python # -*- encoding: utf-8 -*- """ #!/usr/bin/env pyth ...

  2. python更改图片存储大小_python不改变图片尺寸压缩到指定大小

    python不改变图片尺寸压缩到指定大小 import base64 import io import os from PIL import Image from PIL import ImageFi ...

  3. php header()改变图片尺寸,PHP改变图片的尺寸大小方法实例

    本文主要和大家分享,PHP改变图片的尺寸大小方法实例,希望能帮助到大家. 改变图片的尺寸是一个很常见的功能需求,下面开始研究下关于PHP改变图片尺寸的方法.先介绍一个自己写的函数.01<?php ...

  4. python不改变图片尺寸压缩到指定大小

    python不改变图片尺寸压缩到指定大小 import base64 import io import os from PIL import Image from PIL import ImageFi ...

  5. 改变图片尺寸,文件大小,分辨率300dpi的方法

    一.改变图片尺寸 使用电脑自带的"画图"软件,如下图1所示,点击"重新调整大小":之后可点击像素,修改图片尺寸大小,如图2所示. 图1 画图软件截图 图2 二. ...

  6. python不改变图片尺寸压缩到指定大小 1

    python不改变图片尺寸压缩到指定大小 import base64 import io import os from PIL import Image from PIL import ImageFi ...

  7. 怎样改变图片尺寸大小不变形?如何设置图片尺寸?

    怎样改变图片尺寸大小不变形?想要快速完成图片尺寸大小修改,给大家分享一下在线快速图片改大小的操作技巧,使用图片在线编辑工具,即可调整图片大小. 1.上传图片. 2.选择尺寸或自定义宽高,压缩等级输入参 ...

  8. python/改变图片尺寸及分辨率/填充透明图片背景颜色

    改变图片尺寸及分辨率(dpi): from PIL import Image #调整大小和分辨率(dpi) im = Image.open('2.1.bmp') im = im.resize((188 ...

  9. python --压缩图片不改变图片尺寸

    方法1 from PIL import Image import osdef compress_image(infile, outfile, quality=50):""" ...

  10. python批量改变图片尺寸

    前言   我们常常需要批量改变图片的尺寸,使用下面的代码可以根据需要批量进行修改,只需要替换文件路径和想修改的尺寸即可.   这里使用resize改变尺寸是利用pillow包中Image类中的resi ...

最新文章

  1. Linux平台下QtCreator集成代码静态分析工具clang-tidy和Clazy
  2. java panel 显示文字,从动态添加的jPanel获取文本
  3. echarts用法配置
  4. Mybatis if标签判断大小
  5. Hadoop用户配置免密登陆
  6. JavaScript:通过id来进行元素的取得
  7. VMware 提示与 Device/Credential Guard 不兼容
  8. 华为技术有限公司申请无人机相关专利
  9. python socketserver模块详解_Python: SocketServer模块
  10. chrome浏览器 提示Adobe Flash Player未安装的解决方法
  11. 搭建移动端布局框架:整合flex
  12. 学习 Cesium (五):加载离线高程数据
  13. spring boot整合elk
  14. 库卡机器人C2更换系统操作步骤
  15. 学习笔记--浅谈LoRa与LoRaWAN
  16. 柯尔特python_广州市柯卫达科技有限公司
  17. ubuntu 安装方法 wubi
  18. 加入立人图书馆的十本必读书
  19. 如何使用电脑来程控数字示波器(一)USB接线程控
  20. 干货 | AI人脸识别之人脸搜索

热门文章

  1. azure微软文字转语音工具​AzureTools​使用
  2. PE聚乙烯塑料会污染环境吗?
  3. 如何用计算机画地形地貌图,基本地形图计算软件(图号计算器)V2.1 最新版
  4. visio流程图的叉号_笔记软件、思维导图软件和流程图软件, mybase, mindmanager, mindmapper,visio...
  5. linux cp命令改名字,Linux cp命令复制文件
  6. CAD看图软件的快速搜索功能怎么用?
  7. html视频播放错误怎么办,如何解决播放视频错误代码0xc00d36c4
  8. 嵌入式中的通讯协议——UART、I2C、SPI、DMA
  9. windows cmd批处理终端 快速编辑模式
  10. 80386汇编_进入32位保护模式