如何在js中设置图片的宽度，js修改图片尺寸

论坛代码中图片宽度高度设置的js问题

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

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

3、height=(image.height*divelement.offsetWidth)/image.width + px；几个需要注意的地方是image.src=xxx后需要等待直到图片下载完成。但是如果这个脚本是在你的div已经初始化好之后调用的话，那么图片已经被下载过了，所以直接进行后面的就好。

相关问答

Q1: 如何用JS固定图片大小

1、这种方法有可能最后得出的图片的大小会略大于规定大小，原因上文也提到过了，如果想使用这种方法，可自行再调整一下。上面的方法有个问题，就是改变了图片的原始长宽。如果一个图的长宽足够大，压缩图片质量，糊一点但是内容看得清也是ok的嘛。

2、先用form标签创建一个上传的表单。 用Javascript设置格式和大小。

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

4、图片宽度设成100%，理论上不是单色图案、重复背景图案、或js动态生成的画布上的矢量图，jpg之类的是没办法满屏的，320的时候满屏了，横过来看480的时候，高度又少了，可视区外还有一截。

5、jsp是动态语言，实现动态展示数据。浏览器通过解析这类动态语言，填充数据。展现出来的。因此固定图片与使用什么语言设置无关联\x0d\x0a固定图片img是html标签，他自带固定图片大小width和height可以实现。当然也可以通过给img标签添加类，写样式实现的。

6、接着新建一个css文件，如图，命名为“css”这里给body标签设置background-size属性，如果标签是div就写div，然后可以设置宽度和高度。如图所示，在new_file.html里面写上这个：就可以设置背景图片的大小了。

Q2: 怎么用js改变div里面的图片大小

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

直接添加宽高属性：img src= width=200 height=200 在样式表中定义：img {height：200px；width：200px；} 这样的弊端是如果图片比例不等就会出现图片拉伸，要么改图片或限制图片最大宽/高度，后者建议使用js解决。

楼主，这个我接触多了你试试我的.可以的话求采纳。

实例中将ID为biuuu的DIV内所有链接元素a增加javascript弹出放大图片功能，其中链接href部分为表示弹出的 大图片路径。使用jQuery插件jQuery Image Flyout弹出图片，实现javascript弹出放大图片功能只需要一行代码即可实现。

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

1、可自定义CSS样式，控制jQuery插件jQuery Image Flyout提示小图片显示效果。

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

3、要将一张小图片以 3*3 平铺在网页上，可以使用 JavaScript 和 CSS 来实现。具体步骤如下：获取图片对象：使用 JavaScript 获取图片对象，例如使用 HTML5 存储功能将图片上传到服务器，或者从服务器下载图片并获取其对象。

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

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

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

不用那么复杂，document.getElementById(show).getElementsByTagName(img)；我没见过这么写的，而且如果你的JS在头部执行那IMG和DIV可能有加载顺序问题，你一定获得不到。

直接添加宽高属性： 在样式表中定义：img {height：200px；width：200px；} 这样的弊端是如果图片比例不等就会出现图片拉伸，要么改图片或限制图片最大宽/高度，后者建议使用js解决。

这是个图片。src=[field：litpic/] 就是这个图片的地址。alt==[field：title function=html2text(@me)/] 就是这个图片加载失败时候显示的文字。onload=... 就是这个图片加载完成后执行一个javascript函数。DrawImage(this， 图片最大宽度， 图片最大高度)；这个是那个函数。

关于如何在js中设置图片的宽度和js修改图片尺寸的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。