作者tooto1985 ( )
标题Re: [问题] 请问这个javascript(jq)的计算原理
时间Tue Jul 21 15:17:18 2015
※ 引述《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://webptt.com/cn.aspx?n=bbs/Web_Design/M.1437463041.A.8A6.html
1F:推 cliffk321: 推 07/21 16:28
2F:推 Snailtang: 推 07/22 06:45