Re: [問題] 請問這個javascript(jq)的計算原理

[tooto1985 ( )]

※ 引述《spyhopping (Lovely Orca)》之銘言：
:    var bgimage = function (w, h) {
:         var origImgW = 2560,
:                 origImgH = 1440,
//定義原始圖片的寬高
:                 imgRatio = origImgW/origImgH;
//計算出寬高比例
:         console.log("imgRatio"+imgRatio);
//console.log輸出寬高比例
:         $('.bg_slides').width(w).height(h);
//將圖片設定傳入參數的w寬度和h高度
:         if( w/h > imgRatio )
:         {
//傳入參數w/h如果大於寬高比表示圖片比較長
:                 var imgHeight = origImgH * w / origImgW;
//重新計算出新的高度
:                 $('.bg img').height(imgHeight).width('100%').css({
                      'marginTop': (h - imgHeight) / 2,
                      'marginLeft': 0});
//重設高度，寬度維持100%，跟一些CSS樣式的設定
:         }
:         else
:         {
//圖片比較寬
:                 var imgWidth = origImgW * h / origImgH;
//重新計算出新的寬度
:                 $('.bg img').width(imgWidth).height(h).css({
                      'marginLeft': (w - imgWidth) / 2,
                      'marginTop': 0});
//重設寬度，高度設定為傳入參數h，跟一些CSS樣式的設定
:         }
:     };
: 請問有人可以教我一下這段程式碼在做甚麼嗎
: 最後的結果是 .bg img 這張圖  可以隨著視窗大小改變
: 但是邏輯我看不太懂 >_<

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 59.125.119.55
※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1437463041.A.8A6.html
推 cliffk321: 推
推 Snailtang: 推