размер изображения
 

<img src="http://javascript.ru/forum/images/ca_serenity/misc/logo.gif" class="img1" onmouseover="printStatus(this)"/><br>
  <img src="http://javascript.ru/forum/images/icons/icon9.gif" class="img1" onmouseover="printStatus(this)"/><br><br><br>
  
  
  
Размер изображения: <span id="div1"></span>
  
  <script language="javascript" type="text/javascript">
    function printStatus(info)
    {
        document.getElementById('div1').innerText =info.naturalWidth+'x'+info.naturalHeight+'px';
    }
    </script>

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

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