Calculer la largeur proportionnelle de l'objet (proportion: 1600x1080)

Question

Ceci est une question simple jquery: quand mon div #wrapper a une height spécifique (= hauteur du navigateur - 129px), je veux régler le width d'une div intérieure #object automatiquement trop (parce que je besoin d'une largeur de l'objet pour la lire)

exemple du html:

<div id="wrapper"> 

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

</div> 

---

exemple (jquery):

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

---

la proportion de l'image est originale: 1600x1080

est ici le lien vers la pièce jointe, jetez un coup d'oeil (tinypic): http://www.imgplace.com/...age1.png

informations additonal:

les hauteurs 500px, 600px et 700px vous pouvez voir dans l'attachement ne sont que des exemples, le heigth pourrait aussi être 711px, 623px, 998px etc.

Mes compétences en mathématiques ne sont pas vraiment bien, serait génial si quelqu'un pouvait me aider

Cordialement,

Hans :-)

Answer 1

Je pense que le calcul que vous voulez est Math.round($("#wrapper").height() * 1600/1080).

Answer 2

Vous pouvez utiliser directement les fonctions jQuery.width et jQuery.height au lieu de la fonction jQuery.css. , Vous pouvez définir la hauteur de div#object-100% de sorte que vous ne devez pas définir spécifiquement ...

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