“如果高度大于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”不起作用

回答

相关问题