Почему не успевает считывается высота блока
 

Доброго дня всем. Есть div со вложенной картинкой, по клику на кнопку устанавливаю значение в атрибут src (код внизу). Ссылка на картинку находится на другом ресурсе. Тут же считываю высоту подгруженной картинки, а она 0px. В дебагере фаерфокса снова считываю высоту ручками $('img_map').height() и она 640px. В чем дело это же не ajax запрос, такое ощущение что картинка еще не подгрузилась, а уже выполняется считываение её высоты.

<div id="div_map" style="position: absolute; display: none; z-index:11">
    <div id="div_map_img" style="position: relative">    
        <img id="img_map" alt="" usemap="#map" src="">
     </div>
</div>

var img = $("#img_map");
img.attr('src','http://....');
var h_img = img.height();

Картинка загружается не сразу, а высота устанавливается, после того как она загрузиться. Вы же не дожидаясь загрузки пытаетесь получить высоту, итог....
Используйте событие onload у изображения.

на сколько я знаю событие onload работает только для window, а страница уже полностью загружена и DOM уже сформирован. А картинка подгружается по кнопке.

Благодарю за наводку... только для элементов событие load надо курить. Спасибо.

load это в jquery
http://help.dottoro.com/lhvadxkw.php