js里面设置图片的宽高，js里面设置图片的宽高和高度

如何用js控制图片的图大宽度或是最大高度

1、用js控制图片额大小。主要是修改图片的宽度和高度。下面是简单的代码实现：HTML 代码：这个时候img的图片自身是多大，就会显示多大。100px*100px的图。

2、//给你一个比较灵活的，可自由控制jQuery(window).load(function () {jQuery(.div1 img).each(function () {//div1下的img宽度、高度设置DrawImage(this， 700， 470)；//宽700，高470，自己改为相同即可。

3、控制图片最大宽度和高高度，在css里面有max-width、max-height的属性，非要用js也不是不可以的，document.getElementById(id).style.maxWidth。这个属性ie6支持的不好。但是现在也不用兼容ie6了吧。

4、界面中有一个img，但是没有用js来设置它的宽度高度和背景颜色。接着使用jQuery获取到所要设置的div，并且调用css（）方法即可开始设置了。在css方法即可设置，注意，里面有花括号哦，并且属性用双引号引起来。

5、使用js和css讲图片的现实控制在固定的区域内，大于这个区域的等比例缩放，小于这个区域的居中显示。

相关问答

Q1: 如何利用JS或者CSS样式来自动调整图片大小

使用js和css讲图片的现实控制在固定的区域内，大于这个区域的等比例缩放，小于这个区域的居中显示。

这样的操作，一般有两种办法：直接使用CSS属性值；使用JavaScript动态设置CSS值。

当我们要显示后台传过来若干个尺寸不一的图片时，为了保证图片大小的一致性及比例的协调，需要动态改变图片显示尺寸。通过搜索，我们可以从网上找到实现此功能的jQuery代码如下。

首先需要新建一个HTML页面。然后输入页面的标题，可以按照下方图中的进行设置。

在IE6中有效。◎ overflow：hidden； 超出的部分隐藏，避免控制图片大小失败而引起的撑开变形。有时候图片太大，会破环网页整齐的布局。

注：利用js是不能修改图片的实际大小的，修改的只是图片在标签中对应的width，height属性。

Q2: 在网页中用JS如何修改图片大小。。

1、使用以上代码插入图片，就会按浏览器窗口大小缩放。也可以使用javascript对图片大小进行改变。

2、用JavaScript实现图片点击放大再次点击恢复代码如下：JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。

3、用js，先是一个小图片（缩略图），onMouseOver时触发js写的Function，当然Function中是处理方法。这只是简单思路，至于怎么写网上有很多类似的代码可以供你copy了，自己找找。

Q3: 怎么js设置Img的宽度,和高度

1、通过{width：50%；height：auto；}实现图片高度跟随宽度比例调整。但是这个百分比是根据父级的高度来计算的，根本不是根据元素自身的宽度，那么就做不到Div的宽高达成一定的比例。

2、界面中有一个img，但是没有用js来设置它的宽度高度和背景颜色。接着使用jQuery获取到所要设置的div，并且调用css（）方法即可开始设置了。在css方法即可设置，注意，里面有花括号哦，并且属性用双引号引起来。

3、首先，界面中有一个img，但是js不用于设置其宽度，高度和背景颜色，如下图所示。其次，使用jQuery获取要设置的div，然后调用css（）方法即可开始设置，如下图所示。接着，可以在css方法中设置。

4、//给你一个比较灵活的，可自由控制jQuery(window).load(function () {jQuery(.div1 img).each(function () {//div1下的img宽度、高度设置DrawImage(this， 700， 470)；//宽700，高470，自己改为相同即可。

5、js代码：var oImg = document.getElementById(img)；oImg.width = 50px； //当给img标签的宽度设置为50px后，高度会自动按比例缩小。

6、中文API没有，自己去官网看英文的吧，英文也不难看懂。设置宽高用scaleX，scaleY属性。=== img.getBounds()；获取img的外界矩形，相对于img的本地坐标（不是img的父容器坐标，这点和flash中不一样）。

js里面设置图片的宽高的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于js里面设置图片的宽高和高度、js里面设置图片的宽高的信息别忘了在本站进行查找喔。