计算对象的比例宽度（比例：1600x1080）

这是一个简单的jquery的问题：当我的DIV #wrapper具有特定height（=浏览器高度 - 129px），我想设置一个内的div #object的width自动太（因为我需要的宽度为对象来读取出来）的HTML的计算对象的比例宽度（比例：1600x1080）

例如：）

<div id="wrapper"> 

<div id="object"> </div> 

</div>

示例（jquery的：

$("#wrapper").css({height:(($(window).height())-129)+'px'}); 
$("#object").css({width: [ CALCULATION ], height: ($("#wrapper").height())+'px'})

图像的原始比例是：1600x1080

这里的链接附件，采取（tinypic）看看吧： http://www.imgplace.com/...age1.png

产生额外的信息：

高地500px，600px和700px你可以看到附件只是一个例子，在heigth也可能是711px，623px，998px等

我的数学技能是不是真的好，将是巨大的，如果有人可以帮助我

亲切的问候，

汉斯:-)

来源

2010-03-22 Hans Stauden

嗯......这个问题是不可读的，似乎包含无效jQuery代码了。你能否请格式化/修正这个问题（你知道有一个代码格式化选项可用） – jitter 2010-03-22 09:56:48

@Hans - 确保通过点击旁边的复选标记来标记帮助你的答案。 – 2010-03-31 01:44:43

我认为你想要的计算是Math.round($("#wrapper").height() * 1600/1080)。

来源

2010-03-22 09:58:08 Isaac

是的，就是这样！谢谢艾萨克:-D 亲切的问候，汉斯 – 2010-03-22 10:36:29

您可以直接使用jQuery.width和jQuery.height函数代替jQuery.css函数。此外，您可以定义div#object的高度为100％，所以你不必专门设置它...

$("#wrapper").height($(window).height()-129); 
$("#object").width(Math.floor($("#wrapper").height() * 1600/1080)) 
      .height($("#wrapper").height());

来源

2010-03-22 10:33:07 kkyy

计算对象的比例宽度（比例：1600x1080）

回答

相关问题