图片超出固定高度后自动等比例缩小js
摘要：<script type="text/javascript"> window.onload=function(){ var myimg,oldwidth,oldheight;…
<script type="text/javascript">
window.onload=function(){
var myimg,oldwidth,oldheight;
var maxwidth=600;//定义图片的宽度限制 超出后才开始自动等比例缩小
var maxheight=1880//定义图片的高读限制 超出后才开始自动等比例缩小
var imgs = document.getElementById('articleimg').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;
}
}
}
}
</script>
