jQuery를 사용하여 높이의 이미지 비율 유지

Question

안녕하세요, 저는 이미지의 높이를 자동으로 얻으려고합니다. 이 일을하기 위해 jQuery를 찾을 수없는 것 같습니까? 이 포토샵에서와 같이

내가 뭘 찾고 있어요 것은 무언가이다 :

이미지 인 경우 :

Width = 778 
Height = 346 

그리고 나는 폭에 380 다음 입력을 변경하려면 380에서 포토샵의 너비 텍스트 상자에 변경 높이 to :

width = 380 
height = 169 

어떻게 JQuery와이 모방 할 수 있습니까?

Answer 1

어떻게 너비/높이가 일정하게 남아 있다는 사실에 따라이

http://jsfiddle.net/Njf5k/1/ 

HTML

<label>Original Width</label> 
<input type="text" id="originalWidth" class="original" value="778" /> 
<br /> 
<label>Original Height</label> 
<input type="text" id="originalHeight" class="original" value="346" /> 
<label>New Width</label> 
<input type="text" id="newWidth" class="new" /> 
<br /> 
<label>New Height</label> 
<input type="text" id="newHeight" class="new" /> 

jQuery를

그 같은 약.

$('#newWidth').keyup(function() { 
    $('#newHeight').val(Math.round(
    ($('#originalHeight').val() * $('#newWidth').val())/$('#originalWidth').val())); 
}); 

Answer 2

왜 이것을 사용해야합니까? height/width와 같은 attrbiute 중 하나를 설정하면 인라인으로 html img 요소에 이미지가 자동으로 비율로 표시됩니다.