如何用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同时设置,图片才会产生压扁或拉高的变形效果。
随机阅读
- 红七军战斗序列 1955年9月27日,原红七军、红八军将领被授予共和国大将、上将、中将和少将军衔。
- 贺岁金条是否需要塑封?? 中国金币总公司贺岁金条
- 自闭症的几种发病因素 哈弗男童凉鞋
- 北京心血管专科医院有哪些?急! 北京 外心血管专科医院
- 武曲星与七杀星在福德宫 有没有算命的高人
- 用万能表怎么测 正确处理实验结果的好与坏
- 王派电动车电机引出5根细线是什么线 王派电动车用什么电机
- 交社保是由会计做还是由出纳做? 跑社保是出纳还是会计的工作
- 烈火如歌插曲片尾曲主题曲叫什么名字有哪些 烈火如歌 段思思为什么写那么多主题曲
- “愿你容颜不老”这句话的后面一句是什么? 愿岁月永不老的下一句是什么
- 办公室 服务工作 怎样搞好办公室服务工作
- 报告文学的讲究 报告文学在写作上讲究新闻性和文学性双重特色,而最根本的生命线是( )A.新闻性 B
- 杨凌家和园小区照片 杨凌化建家园和鼎盛花园哪个房子好?我看的是二手房,鼎盛花园126平方4楼34万,化建6楼116平方
- 刘淼淼演过哪些? 林聪吻了赵燕图片
- 校风校纪的意见 学生家长可以对学校的校纪校规可以有不同意见吗?
- 模板木支撑及钢支撑 什么是“钢支撑”和“木支撑”?
- 河南省周口市郸城县有多少个乡镇 郸城县虎岗乡段岭村龙王庙
- 蝙蝠侠 黑暗骑士崛起boss 蝙蝠侠:黑暗骑士崛起里面那个反派嘴里戴的那个东西是什么?_?
- 钢筋套筒等级 钢筋套筒锚固
- 对长期投资进行评估主要评估的是 对长期投资的评估,一般进行的程序包括( )。 A.应明确投资的种类、原始投资额、评