HTML标签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>
效果如下:
感谢论坛大牛:无爱大叔
HTML标签img--改变图片尺寸相关推荐
- python 改变图片尺寸
python 改变图片尺寸 #!/usr/bin/env python # -*- encoding: utf-8 -*- """ #!/usr/bin/env pyth ...
- python更改图片存储大小_python不改变图片尺寸压缩到指定大小
python不改变图片尺寸压缩到指定大小 import base64 import io import os from PIL import Image from PIL import ImageFi ...
- php header()改变图片尺寸,PHP改变图片的尺寸大小方法实例
本文主要和大家分享,PHP改变图片的尺寸大小方法实例,希望能帮助到大家. 改变图片的尺寸是一个很常见的功能需求,下面开始研究下关于PHP改变图片尺寸的方法.先介绍一个自己写的函数.01<?php ...
- python不改变图片尺寸压缩到指定大小
python不改变图片尺寸压缩到指定大小 import base64 import io import os from PIL import Image from PIL import ImageFi ...
- 改变图片尺寸,文件大小,分辨率300dpi的方法
一.改变图片尺寸 使用电脑自带的"画图"软件,如下图1所示,点击"重新调整大小":之后可点击像素,修改图片尺寸大小,如图2所示. 图1 画图软件截图 图2 二. ...
- python不改变图片尺寸压缩到指定大小 1
python不改变图片尺寸压缩到指定大小 import base64 import io import os from PIL import Image from PIL import ImageFi ...
- 怎样改变图片尺寸大小不变形?如何设置图片尺寸?
怎样改变图片尺寸大小不变形?想要快速完成图片尺寸大小修改,给大家分享一下在线快速图片改大小的操作技巧,使用图片在线编辑工具,即可调整图片大小. 1.上传图片. 2.选择尺寸或自定义宽高,压缩等级输入参 ...
- python/改变图片尺寸及分辨率/填充透明图片背景颜色
改变图片尺寸及分辨率(dpi): from PIL import Image #调整大小和分辨率(dpi) im = Image.open('2.1.bmp') im = im.resize((188 ...
- python --压缩图片不改变图片尺寸
方法1 from PIL import Image import osdef compress_image(infile, outfile, quality=50):""" ...
- python批量改变图片尺寸
前言 我们常常需要批量改变图片的尺寸,使用下面的代码可以根据需要批量进行修改,只需要替换文件路径和想修改的尺寸即可. 这里使用resize改变尺寸是利用pillow包中Image类中的resi ...
最新文章
- Linux平台下QtCreator集成代码静态分析工具clang-tidy和Clazy
- java panel 显示文字,从动态添加的jPanel获取文本
- echarts用法配置
- Mybatis if标签判断大小
- Hadoop用户配置免密登陆
- JavaScript:通过id来进行元素的取得
- VMware 提示与 Device/Credential Guard 不兼容
- 华为技术有限公司申请无人机相关专利
- python socketserver模块详解_Python: SocketServer模块
- chrome浏览器 提示Adobe Flash Player未安装的解决方法
- 搭建移动端布局框架:整合flex
- 学习 Cesium (五):加载离线高程数据
- spring boot整合elk
- 库卡机器人C2更换系统操作步骤
- 学习笔记--浅谈LoRa与LoRaWAN
- 柯尔特python_广州市柯卫达科技有限公司
- ubuntu 安装方法 wubi
- 加入立人图书馆的十本必读书
- 如何使用电脑来程控数字示波器(一)USB接线程控
- 干货 | AI人脸识别之人脸搜索
热门文章
- azure微软文字转语音工具​AzureTools​使用
- PE聚乙烯塑料会污染环境吗?
- 如何用计算机画地形地貌图,基本地形图计算软件(图号计算器)V2.1 最新版
- visio流程图的叉号_笔记软件、思维导图软件和流程图软件, mybase, mindmanager, mindmapper,visio...
- linux cp命令改名字,Linux cp命令复制文件
- CAD看图软件的快速搜索功能怎么用?
- html视频播放错误怎么办,如何解决播放视频错误代码0xc00d36c4
- 嵌入式中的通讯协议——UART、I2C、SPI、DMA
- windows cmd批处理终端 快速编辑模式
- 80386汇编_进入32位保护模式