当前位置: 首页 > news >正文

img标签 中的php图片大小,html中关于img标签以及改变图片尺寸的详解(图)

1、统一大小?

我的网页上面有许多的图片,有的大,有的小,我想如果图片大的实现缩放,所有的都是一般大。来看看没有是什么效果。

4c746f59ca0f0114239f9ea1484f28a2.png

大家看的出来,非常的难看的,于是我想让有没有一种方法是把那个大的变成小的呢?

df66909ea543201f48824b7f16c98d2a.png

效果图如下:

2d0f1a4d16851a77629ea19038dae95f.png

但是如果图片太小了呢?就会被放大,好难看!!!有没有什么办法让大的变小,小的不被放大的方法呢?

食物详情
  • df66909ea543201f48824b7f16c98d2a.png
  • 057682cdf0f13a873773f4d40b3222a8.png
  • 005.jpg
  • 240451-13050106450911.jpg

function setImg(w, h){

alert("111");

//var imgList = document.getElementsByTagName('img');

var imgList = document.getElementsByName("pic");

for(var i=0;i

alert("222");

if(imgList[i].width>w || imgList[i].height>h){

imgList[i].width = w;

imgList[i].heigth = h;

}

}

}

setImg(400,400);

效果如下:

2fe80b94013f383e107f58ce5647907d.png

相关文章:

  • php csv 源码 下载,[PHP] 使用php生成下载csv文件
  • java 去掉 u00a0,UTF-8编码中的特殊空格之C2 A0 - NO-BREAK SPACE
  • java里函数式表达式,Java8 Lambda表达式 和 函数式编程 原理详解
  • 易语言与php加密AES,易语言调用openssl库实现aes cbc/cfb 256加密
  • linux安装php json拓展,Linux PHP增加JSON支持
  • php ajax实现图片预览,ajax怎么实现图片的预览上传以及查看缩略图
  • php ajax筛选,ajax商品筛选功能怎么进行判断
  • php curl_init 报错,如何解决curl_init php报错问题
  • php ?page,google chrome浏览器下载 PHP通用分页类pagephp[仿google分页]
  • php curl ssl错误,php curl常见错误:SSL错误、bool(false)
  • win2008系统php伪静态,ZBlog PHP在WIN2008 64位系统不能伪静态的解决方法
  • 常用PHP命令,PHP 常用命令行
  • python爬虫怎么自动下载图片,【图文详解】python爬虫实战——5分钟做个图片自动下载器...
  • 立方体相册代码php,3D相册制作代码
  • oracle问题如何解决方案,oracle问题解决方案汇总
  • [译] 怎样写一个基础的编译器
  • C++类的相互关联
  • canvas 绘制双线技巧
  • hadoop入门学习教程--DKHadoop完整安装步骤
  • iOS筛选菜单、分段选择器、导航栏、悬浮窗、转场动画、启动视频等源码
  • Java 23种设计模式 之单例模式 7种实现方式
  • javascript 总结(常用工具类的封装)
  • JavaScript设计模式系列一:工厂模式
  • Laravel核心解读--Facades
  • python_bomb----数据类型总结
  • tweak 支持第三方库
  • v-if和v-for连用出现的问题
  • 买一台 iPhone X,还是创建一家未来的独角兽?
  • 自制字幕遮挡器
  • Play Store发现SimBad恶意软件,1.5亿Android用户成受害者 ...
  • ​​​​​​​​​​​​​​Γ函数
  • ​​​​​​​GitLab 之 GitLab-Runner 安装,配置与问题汇总
  • # 日期待t_最值得等的SUV奥迪Q9:空间比MPV还大,或搭4.0T,香
  • #Linux(Source Insight安装及工程建立)
  • #基础#使用Jupyter进行Notebook的转换 .ipynb文件导出为.md文件
  • $().each和$.each的区别
  • (22)C#传智:复习,多态虚方法抽象类接口,静态类,String与StringBuilder,集合泛型List与Dictionary,文件类,结构与类的区别
  • (C语言)共用体union的用法举例
  • (java)关于Thread的挂起和恢复
  • (附源码)ssm学生管理系统 毕业设计 141543
  • (论文阅读23/100)Hierarchical Convolutional Features for Visual Tracking
  • .bat文件调用java类的main方法
  • .chm格式文件如何阅读
  • .NET Core中的去虚
  • .net 怎么循环得到数组里的值_关于js数组
  • .net反编译的九款神器
  • .NET文档生成工具ADB使用图文教程
  • .vollhavhelp-V-XXXXXXXX勒索病毒的最新威胁:如何恢复您的数据?
  • :not(:first-child)和:not(:last-child)的用法
  • @FeignClient注解,fallback和fallbackFactory
  • [ C++ ] template 模板进阶 (特化,分离编译)
  • [ vulhub漏洞复现篇 ] ECShop 2.x / 3.x SQL注入/远程执行代码漏洞 xianzhi-2017-02-82239600
  • [acm算法学习] 后缀数组SA
  • [Android]Tool-Systrace
  • [AutoSar]BSW_OS 02 Autosar OS_STACK