以下是代码,之前的代码不够完善,9月24日修改:
<script type="text/javascript">
<!--
function resize_img(){
var objImg = document.getElementById( "prod_picture" );//pictureID是图片ID号
if( objImg ){
var img_w = objImg.width;
var img_h = objImg.height;
var maxW = 400;
var maxH = 300;
var pW,pH;
var w=parseInt(img_w);var h=parseInt(img_h);
if( w>maxW ){
//按比例
pW = maxW/w;
pH = parseInt(h * pW);
//alert( pW +":" + pH );
objImg.style.width = maxW+"px";
objImg.style.height = pH+"px";
h = pH;
w = maxW;
}
if( h>maxH ){
//按比例
pH = maxH/h;
pW = parseInt(w * pH);
//alert( pW +":" + pH );
objImg.style.height = maxH+"px";
objImg.style.width = pW+"px";
}
}
}
//-->
</script>
<!--
function resize_img(){
var objImg = document.getElementById( "prod_picture" );//pictureID是图片ID号
if( objImg ){
var img_w = objImg.width;
var img_h = objImg.height;
var maxW = 400;
var maxH = 300;
var pW,pH;
var w=parseInt(img_w);var h=parseInt(img_h);
if( w>maxW ){
//按比例
pW = maxW/w;
pH = parseInt(h * pW);
//alert( pW +":" + pH );
objImg.style.width = maxW+"px";
objImg.style.height = pH+"px";
h = pH;
w = maxW;
}
if( h>maxH ){
//按比例
pH = maxH/h;
pW = parseInt(w * pH);
//alert( pW +":" + pH );
objImg.style.height = maxH+"px";
objImg.style.width = pW+"px";
}
}
}
//-->
</script>
本文介绍了一种通过JavaScript实现的图片自适应调整方法,确保图片宽度或高度不超过设定的最大值,同时保持原始宽高比不变。
8842

被折叠的 条评论
为什么被折叠?



