[js]js控制图片尺寸的宽高比例源代码
js控制图片宽高比例 js控制图片尺寸防止撑破页面布局.防止过大图片撑破页面.代码中的 650 表示最大宽度,根据自己情况适当修改;article_content 表示图片外层容器的Id,需要你修改为自己的.兼容各浏览器,最主要的是不跟其他js库冲突,放上去就能用.
- <script type="text/javascript">
- function ImgZoom(Id)
- {
- var w = Id.width;
- var m = 650;
- if(w < m)
- {
- return;
- }
- else
- {
- var h = Id.height;
- Id.height = parseInt(h*m/w);
- Id.width = m;
- }
- }
- void function(){
- var Imgs = document.getElementById("article_content").getElementsByTagName("img");
- for(i=0;i<Imgs.length;i++)
- {
- ImgZoom(Imgs[i]);
- }
- }();
- </script>
js控制图片宽高比例 js控制图片尺寸防止撑破页面布局.防止过大图片撑破页面.
代码中的 650 表示最大宽度,根据自己情况适当修改;article_content 表示图片外层容器的Id,需要你修改为自己的.兼容各浏览器,最主要的是不跟其他js库冲突,放上去就能用.
热门文章推荐
- [JS]window.location获取url各项参数详解
- [JS]jQuery,javascript获得网页的高度和宽度
- [JS]视频弹窗视频弹出层videoLightBox(含三种播放器的用法)
- [JS]JS提交中文encodeURI两次转码
- [JS]js版方面encodeURI转码和decodeURI解码的用法实例
- [JS]js取当前机子的时间戳实例
- [JS]AES加密(基于crypto-js)PHP后端解密
- [JS]data:image/png;base64写法的用途及说明
请稍候...