Сделать изображения одинаковой высоты

[mazahaler]

Здравствуйте, мне нужно сделать изображения одинаковой высоты.
Я делаю вот так:

$( document ).ready(function() {
 
 var height = $(".hotimg").height();
 
 $(".hot").each(function () {
   $(".hotimg").height(height);
  });
});

И это работает, но не всегда. Иногда при обновлении страницы браузер не высчитывает высоту картинки и высота становится = 0. Соответственно картинки как-будто нет.
Как исправить эту проблему?

[laimas]

Как исправить эту проблему?

Устанавливать высоту когда изображение будет загружено, а вообще лучше определите это через CSS.

[j0hnik]

window.onload = function() {
    var height = $(".hotimg").height();
 
 $(".hot").each(function () {
   $(".hotimg").height(height);
  });
};

[mazahaler]

j0hnik,
Спасибо!

[mazahaler]

laimas,
а как это через css можно определить?

[mazahaler]

j0hnik,
появилась проблема. При первой загрузке сайта все изображения одинаковы. При последующих разные.
ctrl + f5 - все хорошо, изображения одинаковой высоты. f5 - изображения разной высоты.
Как пофиксить?

[laimas]

а как это через css можно определить?

.hotimg {
   display: block; /*если не мешает*/
   height: /*высота в пикселях*/
   width: auto
}

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

[рони]

mazahaler,

<style type="text/css">
  .hotimg {
    height: 200px;
    width: auto;
  }
  </style>

[mazahaler]

Спасибо, наверно так лучше