作者spyhopping (Lovely Orca)
看板Web_Design
标题[问题] 请问这个javascript(jq)的计算原理
时间Tue Jul 21 07:57:57 2015
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 这张图 可以随着视窗大小改变
但是逻辑我看不太懂 >_<
--
他迟疑了一下，然後说："我不会去投机的。"
讲话的语气软趴趴，好像那是第十次的保证......
Edwin Lefevre
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 1.169.94.33
※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Web_Design/M.1437436682.A.BE5.html
1F：→ tracetw: 依比例自动调整宽高啊 07/21 08:37