есть галерея, в которой можно листать изображения, и при нажатии на маленькие изображения, загрузиться большое изображение в определенной области.

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

<div class='img'>
    <img src="" onclick='bigImage(this)' />
</div>

function bigImage(obj){
   obj.src = src.pathname;
}

а в body onload указать функцию которая бы грузила первую картинку не вариант?

как присвоить <img src="" ONCLICK ="choose(this)" /> по умолчанию значение первой картинки?