图片自动按比例缩小代码（防止页面被图片撑破）代码,JS代码库,德仔网

代码语言

代码分类

【JS】图片自动按比例缩小代码（防止页面被图片撑破）

作者:Dezai.CN / 发布于2013/5/30/ 652


	div id=article><img height="800" alt="" width="1280" src="/down/js/images/12498880470.jpg" /></div>
	<script type="text/javascript" >

	//缩放图片到合适大小
	function ResizeImages()
	{
	 var myimg,oldwidth,oldheight;
	 var maxwidth=550;
	 var maxheight=880
	 var imgs = document.getElementById('article').getElementsByTagName('img'); //如果你定义的id不是article，请修改此处

	 for(i=0;i<imgs.length;i++){
	 myimg = imgs[i];

	 if(myimg.width > myimg.height)
	 {
	 if(myimg.width > maxwidth)
	 {
	 oldwidth = myimg.width;
	 myimg.height = myimg.height * (maxwidth/oldwidth);
	 myimg.width = maxwidth;
	 }
	 }else{
	 if(myimg.height > maxheight)
	 {
	 oldheight = myimg.height;
	 myimg.width = myimg.width * (maxheight/oldheight);
	 myimg.height = maxheight;
	 }
	 }
	 }
	}
	//缩放图片到合适大小
	ResizeImages();
	</script>

评论列表

本站所提供的代码，版权归原作者所有，若有侵犯作者版权，请与我们联系，我们将立即删除或修改。谢谢!
本站所有代码发布及提供者。

试试其它关键字

　按比例缩小代码　

同语言下

可能有用的

Dezai.CN贡献的其它代码(4037)