jQueryは画像が読み込まれる前に画像の高さを取得しますか？

Question

私は周りを見回したと多くのソリューションを試みたが、jqueryのは、静止画像がロードされる前に、画像の高さを取得しようとしています

$('img').load(function(){ 
    var heightStart = $(".carousel .carousel-inner img").height(); 
    alert(heightStart); // 0 
}); 

私はいつもを取得します。これを行う最善の方法は何ですか？

私もプレーンなJSで試してみました：

var i = new Image() 
    i.src = "images/xxx.jpg"; 
    var h = i.height 
    alert(heightStart); // 464 

それはイメージの高さを取得しますが、数が間違っています！数値は常に小さくなりますが、画像の高さは長くなります。

EDIT：

画像がない高さと幅の属性があります。

<div id="myCarousel" class="carousel slide" data-ride="carousel"> 

    <div class="carousel-inner"> 

    <div class="item active"> 

     <img class="first-slide" src="images/xxx.jpg" alt="First slide" class="img-responsive"> 
     <div class="container"> 
      <div class="carousel-caption">xxx</p> 
       </div> 
      </div> 
     </div> 
    </div> 

私のイメージの高さはそれほどnew Image()が正しいある464です。問題は、画像が大画面でimg-responsiveでサイズ変更されていることです。

Answer 1

$('img').load(function(){ 
    alert($(this).height()); 
}); 

または

var i = new Image() 
i.src = "images/xxx.jpg"; 
i.onload = function() { alert(this.height) }; 

答えて行くには少し説明 - あなたの最初の関数は、.carousel .carousel-innerの高さの中に最初に一致したimg要素を警告するすべて存在img要素にonloadイベントリスナーを登録しますそれは0であるかもしれない、誰が知っている。

バニラの例の問題は、イメージの読み込みが完了する前に高さを警告しようとしていることです。