jQuery изображения с равной высотой

Question

Я пытаюсь написать функцию JQuery, которая будет соответствовать высотам всех изображений на странице с тем же именем класса.

Это работает как ожидалось, если подключение к интернету будет порядочным. Если для загрузки изображения требуется некоторое время, он не может отображать изображения. Я предполагаю, что функция определяет изображение как высоту 0px и устанавливает это для всех.

Как я могу обойти это?

Большое спасибо

function equalizeClass(className) { 
    var equaliserHeight = 0; 
    var height = 0; 
    var i = 0; 
    $('.'+className).each(function() { 
     $(this).imagesLoaded(function() { 
      i++; 
      height = $(this).height(); 
      if(height>equaliserHeight) { 
       equaliserHeight = height; 
      } 
     }); 
    }); 
    $('.'+className).css("height", equaliserHeight); 
} 

$(function() { 
equalizeClass('products-page-product-img'); // Equalize product list thumbnails 
}); 

Answer 1

Просто ждать загрузки страницы. Заменить:

$(function() { 
    equalizeClass('products-page-product-img'); 
}); 

с:

$(window).load(function() { 
    equalizeClass('products-page-product-img'); 
});