Re: [問題] 請問這個javascript(jq)的計算原理
※ 引述《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
推
07/21 16:28, , 1F
07/21 16:28, 1F
推
07/22 06:45, , 2F
07/22 06:45, 2F
討論串 (同標題文章)
完整討論串 (本文為第 2 之 2 篇)：