js统制图片宽高比例 js控制图片尺寸防止撑破页面布局
js控制图片宽高比例 js控制图片尺寸防止撑破页面布局
js控制图片宽高比例 js控制图片尺寸防止撑破页面布局.防止过大图片撑破页面.
代码中的 650 表示最大宽度,根据自己情况适当修改;article_content 表示图片外层容器的Id,需要你修改为自己的.兼容各浏览器,最主要的是不跟其他js库冲突,放上去就能用.
本代码在 http://www.k686.com/ 上测试使用正常.
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>
本代码在 http://www.k686.com/ 上测试使用正常.
1 楼
化蝶自在飞
2010-09-22
此段代码放到需要控制的内容id的后面!