jQuery erhält die Bildhöhe, bevor das Bild geladen wird?

Question

Ich habe umsah und versucht, viele Lösungen, aber jquery versucht immer noch die Bildhöhe zu erhalten, bevor das Bild geladen wird:

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

ich eine immer erhalten. Irgendwelche Ideen, was ist der beste Weg, dies zu tun?

Ich habe sogar mit dem einfachen js versucht:

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

Es wird die Bildhöhe, aber die Zahl ist falsch! Die Zahl ist immer kleiner, aber das Bild hat eine große Höhe.

EDIT:

die Bilder nicht in Höhe und Breite Attribute:

<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> 

Meine Bildhöhe ist 464 so new Image()richtig ist. aber das Problem ist, dass das Bild auf dem großen Bildschirm mit img-responsive Größe geändert wurde.

Answer 1

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

oder

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

Eine kleine Erklärung mit der Antwort zu gehen - Ihre erste Funktion registriert onload Zuhörer alle vorhanden img Elemente, die innerhalb .carousel .carousel-inner ‚s Höhe des ersten angepassten img Element alarmiert, was 0 sein könnte, wer weiß.

Das Problem mit Ihrem Vanilla-Beispiel besteht darin, dass Sie versuchen, die Höhe zu alarmieren, bevor das Bild geladen wird.