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

作者: spyhopping (Lovely Orca)   2015-07-21 07:57:57
var bgimage = function (w, h) {
var origImgW = 2560,
origImgH = 1440,
imgRatio = origImgW/origImgH;
console.log("imgRatio"+imgRatio);
$('.bg_slides').width(w).height(h);
if( w/h > imgRatio )
{
var imgHeight = origImgH * w / origImgW;
$('.bg img').height(imgHeight).width('100%').css({'marginTop': (h - imgHeight) / 2, 'marginLeft': 0});
}
else
{
var imgWidth = origImgW * h / origImgH;
$('.bg img').width(imgWidth).height(h).css({'marginLeft': (w - imgWidth) / 2, 'marginTop': 0});
}
};
請問有人可以教我一下這段程式碼在做甚麼嗎
最後的結果是 .bg img 這張圖 可以隨著視窗大小改變
但是邏輯我看不太懂 >_<
作者: tracetw (((o(*゚▽゚*)o)))   2015-07-21 08:37:00
依比例自動調整寬高啊

Links booklink

Contact Us: admin [ a t ] ucptt.com