日期:2014-05-17  浏览次数:20625 次

【国庆快乐,紧急求助】一个关于图片显示的问题
我想在网页上放图片,一排排图片,大小事200*200像素的

但是我现在有一个图片,是300*250像素的

我的想法是:把这个图片以200*200显示,但是有一个要求

就是不能做上下拉伸,那样很难看,我想要的是最大的那个压缩成200像素,另外的那个同比例压缩,然后多余的地方用空白表示就可以,我的意思能明白吧

就像下面这个链接里面的图片一样

http://www.laiko.net/pdlistone/products/7115373.html

代码应该如何写呢,谢谢大家了

就是同比例压缩后居中,多余的部分用空白显示,这样的一排排的图片排列会很好看

------解决方案--------------------
<script>
function resizeImg(img)
{
if(img.width>200 || img.height>200)
{
if(img.width/img.height>1){
img.width = 200
}
else
{
img.height = 200
}
}
}
</script>

<img onload="resizeImg(this)"