jquery - "if height is larger than X"不工作

Question

我正在尝试实现一个读取图像宽度和高度的脚本，如果图像高度大于 600，则将 html div 的高度设置为 600。如果高度小于 600，则 div 的高度将是图像的高度。

这是我一直在尝试的。

JavaScript:

jQuery(document).ready(function($) {
var kuvakorkeus = $(".karttakuva img").css('height');
var kuvaleveys = $(".karttakuva img").css('width');

if (kuvakorkeus > 600){
$(".karttakuva").css('height',600);
}
else {
$(".karttakuva").css('height',kuvakorkeus);
}
});

HTML:

<div id="content">
<div class="relative">

<div class="karttakuva">

<img src="http://img42.imageshack.us/img42/8954/tylypahkanportit.png" class="imgMap" width="1297" height="883"/>

<a style="display:block" href="http://justinbieber.com"><div class="marker" id="france" data-coords="306,513"></div></a>
<a style="display:block" href="http://tylypahka.tk/kartta"><div class="marker" id="lol" data-coords="1031,237"></div></a>

</div>

</div>
</div>

标记属于图像平移脚本，但我不认为它们会把事情搞砸。问题是即使图像的高度是 2000，它仍然会选择 else Action 并将 div 的高度设置为图像的高度。

这是页面:http://tylypahka.tk/kartta/tylypahka

我在这里遗漏了什么吗？

Answer 1

这个:

$(".karttakuva img").css('height');

仅提供 CSS 中指定的内容。

您可能需要 $(".karttakuva img").height()，即图像的高度。

请注意，如果您想给高度指定最大值，可以在 css max-height:600px 中指定。这也适用于图像(它们根据宽度/高度比进行缩放)。