Estou observando um comportamento incomum. Eu tenho uma caixa de diálogo flutuante na qual estou colocando uma imagem. Eu quero obter o tamanho da imagem usando jquery e redimensionar seu contêiner div para o tamanho apropriado. Funciona razoavelmente bem, mas a função ocasionalmente retorna zeros conforme o tamanho da image

$('#dialogueContainer').html('<div class="dialogue"><img src="/photos/' + file + '" id="lightImage" /></div>');

var imageHeight = $('#lightImage').height();
var imageWidth = $('#lightImage').width();

console.log(imageHeight + 'x' + imageWidth); //<-- This occasionally returns "0x0"

Suspeito que a imagem possa não estar pronta no DOM quando o jquery tentar medir sua altura e largura. Alguma ideia