首頁 > 開發者 > JavaScript
<script language=Javascript>
var proMaxHeight = 150;
var proMaxWidth = 110;
function proDownImage(ImgD){
var image=new Image();
image.src=ImgD.src;
if(image.width>0 && image.height>0){
var rate = (proMaxWidth/image.width < proMaxHeight/image.height)?proMaxWidth/image.width:proMaxHeight/image.height;
if(rate <= 1){
ImgD.width = image.width*rate;
ImgD.height =image.height*rate;
}
else {
ImgD.width = image.width;
ImgD.height =image.height;
}
}
}
百度的javascript還好啦。所以收錄下來。如果懂這個的話，一看就懂了。呵呵。。。
不過還是介紹一下用法。。。。。
<img src="http://tech.ddvip.com/"http://www.baidu.com/images/logo.gif/"" />
上面是一般的HTML裡面用的插入圖片的一段。。。很簡單。但是當插入的圖片是網友上傳的圖片，對尺寸/比例不確定的時候。我們需要的就是這個js了。。。這段代碼可以根據網友上傳的圖片，進行比例縮放。這樣不會導致很多商品展示都出現的。圖片尺寸都固定死了的情況。。。。用法很簡單，把上面的這段javascript放到<head></head>之間，然後把<img src="http://tech.ddvip.com/"http://www.baidu.com/images/logo.gif/"" />改成<img src="http://tech.ddvip.com/"http://www.baidu.com/images/logo.gif/"" onload=proDownImage(this); />這樣。就可以了。意思就是在圖片load裝載的時候，調用proDownImage函數對this(即圖片本身)對象進行設定。就可以了。很簡單，但很實用。
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
