計算對象的比例寬度（比例：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）

回答

相關問題