jQuery получает высоту изображения перед загрузкой изображения?

Question

Я посмотрел вокруг и пытался много решений, но JQuery все еще пытается получить высоту изображения перед загрузкой изображения:

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

Я всегда получаю . Любые идеи, что это лучший способ сделать это?

Я даже пытался с равнинными ЯШАМИ:

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> 

Моя высота изображения 464 так new Image() является правильно. но проблема в том, что изображение было изменено на большом экране с помощью 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) }; 

Небольшого пояснение пойти с ответом - ваша первая функция регистрирует OnLoad слушателей всех настоящих img элементов, предупреждающих совпавшие img элемента в высоту .carousel .carousel-inner «s, который может быть 0, кто знает.

Проблема с вашим примером ванили заключается в том, что вы пытаетесь оповестить высоту, прежде чем изображение будет загружено.