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 に答える