Re: [问题] 请问这个javascript(jq)的计算原理

楼主: tooto1985 ( )   2015-07-21 15:17:18
※ 引述《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 这张图 可以随着视窗大小改变
: 但是逻辑我看不太懂 >_<
作者: cliffk321 (Cliff)   2015-07-21 16:28:00
作者: Snailtang (蜗牛@/")   2015-07-22 06:45:00

Links booklink

Contact Us: admin [ a t ] ucptt.com