守望先锋等级代练
點擊這里給我發消息 010-82967418
當前位置:網站建設>行業新聞
分享一個好的等比例縮放圖片的方法
點擊量:8492 發布時間:2011-8-19 17:33:50

以前做網站制作都會積累一些常用的JS代碼、庫類之類的東西。相信做網站程序或者網站頁面制作的朋友大都也會積累一些代碼,前幾天我的電腦死機幾次終于蔑視我的置之不理了,當客戶需要一個等比例圖片縮放效果的時候卡殼了...

有問題,就去搜唄,發現了一個很不錯的等比例縮放js代碼,分享給大家,主要是好理解而且高、寬都可以等比例縮放:

方法:(如果不是整站都需要等比例縮放,可以直接放到頁面里)

function AutoResizeImage(maxWidth,maxHeight,objImg){
var img = new Image();
img.src = objImg.src;
var hRatio;
var wRatio;
var Ratio = 1;
var w = img.width;
var h = img.height;
wRatio = maxWidth / w;
hRatio = maxHeight / h;
if (maxWidth ==0 && maxHeight==0){
Ratio = 1;
}else if (maxWidth==0){//
if (hRatio<1) Ratio = hRatio;
}else if (maxHeight==0){
if (wRatio<1) Ratio = wRatio;
}else if (wRatio<1 | | hRatio<1){
Ratio = (wRatio<=hRatio?wRatio:hRatio);
}
if (Ratio<1){
w = w * Ratio;
h = h * Ratio;
}
objImg.height = h;
objImg.width = w;
}
html里的調用

onload="AutoResizeImage(最大寬,最大高,this)" />

挺好的用的,可以根據高寬限制,或者單獨限制高或者寬!

PHP有的時候調試如果出現無法辨認的js或者樣式的提示的時候,在js或者樣式外加{literal}

{literal}

js或者css樣式

{/literal}

說完等比例縮放類了,其它的東西也隨帶說了一下。如果你有其它問題調試不出來可以發信息給我們,這個方法還是比較簡單的!

Copyright2006-2013 xinyisheji.com
新翼設計出品-北京網站建設,北京網站設計,北京網站制作,我們值得信賴. 京 ICP備:10043999
htm網站地圖 | xml網站地圖 | 網站統計
+86-010-82967418 52431618  
[email protected]  
www.vfqbh.icu www.xinyisheji.com  
北京市海淀區西三旗上奧世紀中心B-8層  
QQ在線咨詢
  • 點擊這里給我發消息
  • 點擊這里給我發消息
  • 點擊這里給我發消息
售后咨詢熱線
點擊這里給我發消息
010-82967418
守望先锋等级代练