1

我正在尝试实现一个读取图像宽度和高度的脚本，如果图像高度大于 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 操作并将 div 的高度设置为与图像的高度相同。

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

我在这里错过了什么吗？

4

2 回答 2

7

这个 ：

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

只为您提供 CSS 中指定的内容。

你可能想要$(".karttakuva img").height()，那是图像的高度。

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

于 2013-03-06T14:43:18.223 回答
3

改变 ：

var kuvakorkeus = $(".karttakuva img").css('height');
var kuvaleveys = $(".karttakuva img").css('width');

至

var kuvakorkeus = $(".karttakuva img").height();
var kuvaleveys = $(".karttakuva img").width();

.css('height')给出x px作为结果（如在 css 样式表中）

于 2013-03-06T14:43:51.030 回答