Скрипт срабатывает после повторной загрузки страницы, как исправить?

Question

Скрипт отображает ширину и высоту указанного изображения, но отображает он ширину и высоту только после перезагрузки страницы. Как исправить данный баг? Я в JS ламер, помогите!

// это место где отображается X x Y

var image=new Image(); image.src="http://site.com/f/celebrity/megan-fox/i/megan-fox-10.jpg"
resolution = document.getElementById ('i_R');
resolution.innerHTML = image.width+'×'+image.height;

ПРИЧИНА
Изображение очень большого размера, скрипт скорее всего срабатывает, пока картинка не загрузилась, а второй раз она уже в кэше лежит.

РЕШЕНИЕ
использовать jQuery

//

Татьяна Пейчинович · Accepted Answer

Попробуйте текст скрипта перенести в секцию HEAD, чтобы он был выше того места где вы его вызываете. 
У вас же функция? И вы ее потом вызываете, так? Немного не понятно...

Константин Яров · Answer

var image = new Image(); 
image.onload = function(){document.getElementById ('i_R').innerHTML = image.width+'×'+image.height;} 
image.src = 'http://...';