使用jQuery保持其高度的图像比例

Question

嘿所有我想要自动获得图像的高度。我似乎无法找到任何jQuery来做到这一点？

我想做的事情就像它在photoshop中所做的那样：

如果图像是：

Width  = 778
Height = 346

我想将宽度更改为 380 ，然后将键入380进入photoshop中的Width文本框更改高度< / strong>至 169 ：

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

为什么你需要这个？ 如果您只是设置一个attrbiute，如高度/宽度内联html img元素，您可以自动地看到图像的比例。