本文目录一览：
- 1、jS控制图片的放大和缩小?
- 2、js控制图片显示宽度和高度
- 3、如何用js控制图片的图大宽度或是最大高度
- 4、论坛代码中图片宽度高度设置的js问题
- 5、怎么js设置Img的宽度,和高度
- 6、用js取图片高度来控制div的高度
jS控制图片的放大和缩小?
可以用js事件“onmouseover”和“onmouseout”来实现。
用js控制图片额大小。主要是修改图片的宽度和高度。下面是简单的代码实现：HTML 代码：这个时候img的图片自身是多大，就会显示多大。100px*100px的图。
一般来说，实现图片的放大缩小功能都用到了比较大的封装插件，特别是以jQuery插件居多，而实际上单纯实现对原图本身的放大缩小，用简单几行原生JS代码就可以做到。
分别写一个onmouseover和onmouseout事件。然后在事件里面加一个function，分别写想要放大的尺寸和缩小或复原的尺寸。
js控制图片显示宽度和高度
//给你一个比较灵活的，可自由控制jQuery(window).load(function () {jQuery(.div1 img).each(function () {//div1下的img宽度、高度设置DrawImage(this， 700， 470)；//宽700，高470，自己改为相同即可。-js设置图片高度
控制图片最大宽度和高高度，在css里面有max-width、max-height的属性，非要用js也不是不可以的，document.getElementById(id).style.maxWidth。这个属性ie6支持的不好。但是现在也不用兼容ie6了吧。-js设置图片高度
你让图片根据高度等比例缩放 可以让宽度auto。这样图片就等比例缩放了。
用js控制图片额大小。主要是修改图片的宽度和高度。下面是简单的代码实现：HTML 代码：这个时候img的图片自身是多大，就会显示多大。100px*100px的图。
这是img标签的特性决定的，如果width和height属性只设置其中一个，另一个会自动等比例缩放，也就是说图片会自动保持其原始的宽高比，只有width和height同时设置，图片才会产生压扁或拉高的变形效果。-js设置图片高度
当指定图片BOX的时候，一般都还需要在图片自适应之后显示在BOX容器的中间，也就是水平和垂直都需要居中。首先需要指定BOX容器的宽度和高度，然后可以使用CSS来控制显示效果，也可以使用Javascript控制显示效果。-js设置图片高度
如何用js控制图片的图大宽度或是最大高度
1、//给你一个比较灵活的，可自由控制jQuery(window).load(function () {jQuery(.div1 img).each(function () {//div1下的img宽度、高度设置DrawImage(this， 700， 470)；//宽700，高470，自己改为相同即可。-js设置图片高度
2、这个不需要js和jquery，直接用css就可以了。
3、用js控制图片额大小。主要是修改图片的宽度和高度。下面是简单的代码实现：HTML 代码：这个时候img的图片自身是多大，就会显示多大。100px*100px的图。
4、界面中有一个img，但是没有用js来设置它的宽度高度和背景颜色。接着使用jQuery获取到所要设置的div，并且调用css（）方法即可开始设置了。在css方法即可设置，注意，里面有花括号哦，并且属性用双引号引起来。-js设置图片高度
论坛代码中图片宽度高度设置的js问题
1、//给你一个比较灵活的，可自由控制jQuery(window).load(function () {jQuery(.div1 img).each(function () {//div1下的img宽度、高度设置DrawImage(this， 700， 470)；//宽700，高470，自己改为相同即可。-js设置图片高度
2、界面中有一个img，但是没有用js来设置它的宽度高度和背景颜色。接着使用jQuery获取到所要设置的div，并且调用css（）方法即可开始设置了。在css方法即可设置，注意，里面有花括号哦，并且属性用双引号引起来。-js设置图片高度
3、控制图片最大宽度和高高度，在css里面有max-width、max-height的属性，非要用js也不是不可以的，document.getElementById(id).style.maxWidth。这个属性ie6支持的不好。但是现在也不用兼容ie6了吧。-js设置图片高度
4、这是img标签的特性决定的，如果width和height属性只设置其中一个，另一个会自动等比例缩放，也就是说图片会自动保持其原始的宽高比，只有width和height同时设置，图片才会产生压扁或拉高的变形效果。-js设置图片高度
5、你让图片根据高度等比例缩放 可以让宽度auto。这样图片就等比例缩放了。
6、用js控制图片额大小。主要是修改图片的宽度和高度。下面是简单的代码实现：HTML 代码：这个时候img的图片自身是多大，就会显示多大。100px*100px的图。
怎么js设置Img的宽度,和高度
1、首先，界面中有一个img，但是js不用于设置其宽度，高度和背景颜色，如下图所示。其次，使用jQuery获取要设置的div，然后调用css（）方法即可开始设置，如下图所示。接着，可以在css方法中设置。-js设置图片高度
2、//给你一个比较灵活的，可自由控制jQuery(window).load(function () {jQuery(.div1 img).each(function () {//div1下的img宽度、高度设置DrawImage(this， 700， 470)；//宽700，高470，自己改为相同即可。-js设置图片高度
3、images/pic.png style=width：100px； height：100px / 当页面中图片非常多，且要求每张图片的大小依据其父容器来固定怎么办？可以使用max-weight：img {max-weight：100%；} 这样图片会自动缩放到和其父容器等宽。-js设置图片高度
4、直接指定div的宽高+zoom来实现自适应div{width：50px；heigth：50px；zoom：1；}这样能达到初步的等宽高div。
5、js代码：var oImg = document.getElementById(img)；oImg.width = 50px //当给img标签的宽度设置为50px后，高度会自动按比例缩小。
6、)；alert(rect.width+，+rect.height) //实际显示的高度和宽度，不管是通过css或width属性设置的。alert(img.naturalWidth+，+img.naturalHeight)；//图片的原始高度和宽度，不过旧的浏览器可能不支持。-js设置图片高度
用js取图片高度来控制div的高度
1、首先你得有个高宽比（比例），根据这个比，用js计算就是了。
2、//给你一个比较灵活的，可自由控制jQuery(window).load(function () {jQuery(.div1 img).each(function () {//div1下的img宽度、高度设置DrawImage(this， 700， 470)；//宽700，高470，自己改为相同即可。-js设置图片高度
3、直接指定div的宽高+zoom来实现自适应div{width：50px；heigth：50px；zoom：1；}这样能达到初步的等宽高div。
4、你在range变化时要触发一个函数，aa()function aa(){ //不知道你是怎么获取到range的高度的。document.getElementById(“写divID”).style.height=这儿写你的range的高度。-js设置图片高度
5、src=xxx后需要等待直到图片下载完成。但是如果这个脚本是在你的div已经初始化好之后调用的话，那么图片已经被下载过了，所以直接进行后面的就好。
