您好,欢迎来到点滴吧! 手机版
点滴吧www.diandiba.com
记录点点滴滴,尽在点滴吧
  • 文章
  • 文章
  • 特效
  • 素材
  • 景点
您现在的位置:首页 > JavaScript教程 > 文章正文
让指定DIV内的图片宽度超过指定大小时自动等比例缩小
更新时间:2015/1/5 22:08:28   点击:3329次
<script> 
//此段代码用来重置文章内容中宽度超出范围的图片
window.onload = function() {
 var Article_Content_ID = "imga"; //文章内容所在的Div的ID
 var MAX_Width = 600; //最大图片宽度
 
 var imgs = document.getElementById(Article_Content_ID).getElementsByTagName("img");
 for ( var i = 0,len = imgs.length;i<len;i++ ){
  if( parseInt(imgs[i].width,10) > MAX_Width ){
   var iw = parseInt(imgs[i].width,10) ; var ih = parseInt(imgs[i].height,10) ;
   imgs[i].style.width = MAX_Width +"px";
   imgs[i].style.height =  parseInt( ih * MAX_Width / iw ) + "px";
  }
 }
}
</script>
<div id="imga" class="nr"><img src="1.jpg"></div>


相关文章
导航分类
热门文章
关于我们| 联系我们| 免责声明| 网站地图|
CopyRight 2012-2015 www.diandiba.com - 点滴吧 All Rights Reserved
滇ICP备09005765号-2