Сделать изображения одинаковой высоты
Здравствуйте, мне нужно сделать изображения одинаковой высоты.
Я делаю вот так:
$( document ).ready(function() {
var height = $(".hotimg").height();
$(".hot").each(function () {
$(".hotimg").height(height);
});
});
И это работает, но не всегда. Иногда при обновлении страницы браузер не высчитывает высоту картинки и высота становится = 0. Соответственно картинки как-будто нет. Как исправить эту проблему? |
Цитата:
|
window.onload = function() {
var height = $(".hotimg").height();
$(".hot").each(function () {
$(".hotimg").height(height);
});
};
|
j0hnik,
Спасибо! |
laimas,
а как это через css можно определить? |
j0hnik,
появилась проблема. При первой загрузке сайта все изображения одинаковы. При последующих разные. ctrl + f5 - все хорошо, изображения одинаковой высоты. f5 - изображения разной высоты. Как пофиксить? |
Цитата:
.hotimg {
display: block; /*если не мешает*/
height: /*высота в пикселях*/
width: auto
}
Вы ведь все равно не проверяете какая именно высота нужна, а надо то брать или минимальную среди всех и ее назначать всем, или некое среднее значение. |
mazahaler,
:-?
<style type="text/css">
.hotimg {
height: 200px;
width: auto;
}
</style>
|
Спасибо, наверно так лучше
|
| Часовой пояс GMT +3, время: 23:57. |