Рассчитать пропорциональную ширину объекта (пропорция: 1600x1080)

Question

Это простой вопрос jquery: когда у моего div #wrapper есть определенный height (= высота браузера - 129px), я тоже хочу автоматически установить width внутреннего div #object (потому что я нужна ширина, чтобы объект мог ее прочитать)

пример HTML:

<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, которые вы можете видеть в приложении, являются лишь примерами, высота также может быть 711px, 623px, 998px и т. Д.

Мои математические навыки не очень хороши, было бы здорово, если бы кто-то мог мне помочь

С уважением,

Ганс: -)

Answer 1

Я думаю, что вы хотите вычислить Math.round($("#wrapper").height() * 1600 / 1080).

Answer 2

Вы можете напрямую использовать функции 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());