js 控制图片宽度

如何用js控制图片的图大宽度或是最大高度 控制图片最大宽度和高高度，在css里面有max-width、max-height的属性，非要用js也不是不可以的，document.getElementById('id').style.maxWidth。这个属性ie6支持的不好。但是现在也不用兼容ie6了吧。如果你想宽图用最大宽度，竖图用最大高度的好，那你就加一个判断的语句再决定是max-width、还是max-height.js 控制图片大小 这种情况用CSS来控制最合适。例如你想让初始图片显示为100px*100px，则：或者：height:100px\"/>当页面中图片非常多，且要求每张图片的大小依据其父容器来固定怎么办？可以使用max-weight：img {max-weight:100%;}这样图片会自动缩放到和其父容器等宽。jS控制图片的放大和缩小? 用js控制图片额大小。主要是修改图片的宽度和高度。下面是简单的代码实现：HTML 代码：这个时候img的图片自身是多大，就会显示多大。100px*100px的图。js代码：var oImg=document.getElementById('img');oImg.width='50px';当给img标签的宽度设置为50px后，高度会自动按比例缩小。oImg.width='200px'/当给img标签的宽度设置为200px后，高度会自动按比例扩大。CSS控制图片大小-适应宽度 不知道家有没有遇到过这样的情况：在CSS控制图片大小时，如果把图片的宽度写死，比如 img{width:500px;}，固然，如果图片宽度大于500px可以很好用js设置图片宽度 这种情况用CSS来控制最合适。例如你想让初始图片显示为100px*100px，则：或者：height:100px\"/>当页面中图片非常多，且要求每张图片的大小依据其父容器来固定怎么办？可以使用max-weight：img {max-weight:100%;}这样图片会自动缩放到和其父容器等宽。js滚动图片的时候如何控制里面图片的大小 我这有一个不间断向左滚动的代码，很好用的，你可以试试看width:730;height:182;table width=\"0\"height=\"136\"border=0 align=left cellpadding=0 cellspacing=\"0\"cellspace=0>滚动内容td>td>var Demo_speed=30Demo_t2.innerHTML=Demo_t1.innerHTMLfunction Demo_Marquee(){if(Demo_t2.offsetWidth-Demo_t0.scrollLeft)Demo_t0.scrollLeft-=Demo_t1.offsetWidthelse{Demo_t0.scrollLeft+}}var Demo_MyMar=setInterval(Demo_Marquee,Demo_speed)Demo_t0.onmouseover=function(){clearInterval(Demo_MyMar)}Demo_t0.onmouseout=function(){Demo_MyMar=setInterval(Demo_Marquee,Demo_speed)}注意数值的修改：width:730;height:182 这个是滚动范围的宽与高的范围speed=30 是滚动速度的设置，数值越小，速度越快。代码说明：可设置一个一行一列的表格，然后将要滚动的图片依次上传到该图片中。然后将这段所生成的代码，在滚动代码中，将“滚动内容”几个字替换。可以试一试js控制图片高度、宽度 给你一个比较灵活的，可自由控制jQuery(window).load(function(){jQuery(\".div1 img\").each(function(){/div1下的img宽度、高度设置DrawImage(this,700,470);宽700，高470，自己改为相同即可。});});function DrawImage(ImgD,FitWidth,FitHeight){/下面是判断，可自己修改条件var image=new Image();image.src=ImgD.src;if(image.width>0&image.height>0){if(image.width/image.height>=FitWidth/FitHeight){if(image.width>FitWidth){ImgD.width=FitWidth;ImgD.height=(image.height*FitWidth)/image.width;}else {ImgD.width=image.width;ImgD.height=image.height;}} else {if(image.height>FitHeight){ImgD.height=FitHeight;ImgD.width=(image.width*FitHeight)/image.height;} else {ImgD.width=image.width;ImgD.height=image.height;}}}}js控制图片显示宽度和高度 你让图片根据高度等比例缩放 可以让宽度auto。这样图片就等比例缩放了。提供js 控制 div里的图片大小; 改成这样试试.border:1px solid red;图片1(700>200)\"/>图片2(100)\"/>function resizeImg(obj){var obj=document.getElementById(obj);var objContent=obj.innerHTML;var imgs=obj.getElementsByTagName('img');if(imgs=null)return;for(var i=0;i;i+){if(imgs[i].width>parseInt(obj.style.width)){imgs[i].width=parseInt(obj.style.width);}}}window.onload=function(){resizeImg('testDiv');}JS控制图片宽度，当高度太高，宽度居然自己变？ 这是img标签的特性决定的，如果width和height属性只设置其中一个，另一个会自动等比例缩放，也就是说图片会自动保持其原始的宽高比，只有width和height同时设置，图片才会产生压扁或拉高的变形效果。

#控制图#js#js代码#css