如何用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同时设置,图片才会产生压扁或拉高的变形效果。
随机阅读
- 霸气动漫女头带英文字母 动漫情侣头像,是一个人站着,旁边有一些英文字母,像这张
- 老师帮忙写个指定时间区间内限制涨跌幅的选股公式,谢谢! 涨跌幅在一个点内的选股公式
- 小米11微信语音或视频时提示声音将通过听筒播放 小米手机微信视频通话显示连接中
- 醋酸氟轻松软膏是什么呢? 醋酸肤轻松软膏是激素药吗
- 日本 防空火箭
- 什么是企业合并形成的商誉 计算合并中产生的商誉
- 一个勤奋好学的人作文400字,要求:开头和结尾都是写人,中间的要写事。 一个有耐心的人作文结尾
- 四川省岳池县凤山小学 岳池凤山小学有老师收红包吗
- 下列哪项不是青少年常见的心理健康问题 如何看待青少年心理健康教育问题?
- 商南县试马镇八龙村水泥路 蒲城县为什么将四个乡镇划分给铜川市?
- 纳税人销售() 免征增值税. 增值税小规模纳税人,月销售额不超过多少的,免征增值税
- 陕西生氽丸子 从西安带特产回去,带什么比较好
- 南京不锈钢加工店电话 江苏省有哪些钢厂?
- 我想办一个水产养殖场需要什么条件和手续?谢谢!! 水产品养殖场项目申请书
- 余新镇永利村书记 沙洲县的沿革
- 地图上黄色路段代表什么 高德地图上有的线路是黄色的,代表是什么意思?
- 武林群侠传2.0 补丁 武林群侠传2.0补丁
- 什么是个体工商户? 对个体家庭进行户口登记起于
- 考研的学校没人报 考研的时候如果报了的学校没考上怎么办?只能报一所学校么?还有什么初试复试什么的调剂
- 关于古镇旅游的探析 城镇化背景下古镇的发展现状