「如果高度大於X」不起作用

我試圖實現一個腳本，它讀取圖像的寬度和高度，如果圖像高度大於600，則將html div的高度設置爲600.如果高度較小這個div的高度將超過600，這將是圖像的高度。「如果高度大於X」不起作用

這是我一直在嘗試。

的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

我在這裏失去了一些東西？

來源

2013-03-06 Ilari

我恨你失去與鼠標如果滾動的能力指針進入圖像hehe。 – 2013-03-06 14:45:14

是的，我的經驗並不是很豐富，我可以修改CraftMap腳本，但我認爲如果他們需要滾動，移動鼠標不是一個巨大的行爲：D – Ilari 2013-03-06 15:30:43

此：

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

只給你什麼是CSS指定。

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

請注意，如果你想給一個高度的最大值，你可以在css max-height:600px中指定。這也適用於圖像（它們根據寬高比進行縮放）。

來源

2013-03-06 14:43:18

或者'outerHeight（）'或'outerWidth（）'如果你想在高度/寬度值中包含填充/邊界/邊界。 – 2013-03-06 14:44:13

非常感謝！那就是訣竅：D它現在工作得很好。 – Ilari 2013-03-06 14:50:59

變化：

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

到

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

.css('height')給Xpx的結果（如在CSS樣式表）

來源

2013-03-06 14:43:51 Anujith

謝謝！它現在工作:) – Ilari 2013-03-06 14:51:31

「如果高度大於X」不起作用

回答

相關問題