Определение высоты изображения.

[m-pokrovskii]

Сразу предупреждаю img.height() дело не ограничется.

Итак есть последовательный вывод элементов.
var elements = $('.root', context).children();
elements выводится одним за другим и определяется высота. Проблема в том, что в одном элементе есть картинка. И высота определяется не правильно посколько картинка еще не прогрузилась.
А мне нужно получить высоту именно с картинкой.

Что пробовал:
1: .load() - не проконал, поскольку срабатывает после вставки всех остальных элементов.

2: предварительная закрузка изображения. Не прокатило, поскольку мне нужна высота не фактическая, а реальная (то есть картинки уже с ресайзом). А картинка помечена max-width:100%; и стоит в блоке width:30%;

Как поступить? Любые идеи подкидывайте.

[Nekromancer]

1: .load() - не проконал, поскольку срабатывает после вставки всех остальных элементов.

img.onload = function(){
//...
}

[m-pokrovskii]

Без разницы. Это все равно событие. Вешается и ждется выполнения независимо.

[Nekromancer]

Без разницы. Это все равно событие. Вешается и ждется выполнения независимо.

Что без разницы? Кто то говорил, что это не событие? Да, и?

[Aetae]

Простой ответ: Никак.
Правильный ответ: Верстать так, чтобы не требовалось вмешательство js в высоту элемента.
Ответ, которого вы хотите: Вешаем load на первую картинку, выводим элемент. Срабатывает load - вещаем load на вторую картинку, выводим второй элемент, итд.