Как выравнивать фотографии с разным соотношением сторон по центру слоя?

Question

[Андрей]

Привет всем !
У меня небольшой сайтик, есть лента фотографий, создаваемая динамически. При клике на миниатюрку из ленты в отдельном слое отображается увеличенное фото, но не во весь размер. Пользователь может мышкой потаскать фото, сдвигая туда-сюда. Захотел выравнивать большое фото по центру. Но при смене соотношения сторон фото, выравнивание происходит после 2 клика.... Не пойму отчего

$('#largeImage').attr('src',src.replace('thumb','large')); // поменял в окне просмотра новую картинку
largeImgCenter(); //а тут ее хотел отцентрировать

function largeImgCenter(){ //----------------
$('#largeImage').css({
position:'relative',
left: ( $('#list').outerWidth() -$('#largeImage').outerWidth())/2,
top: ( $('#list').outerHeight() -$('#largeImage').outerHeight())/2
});
}

<div id='list'>
<img id='large_image'>
</div>

Answer 1

[Anton fon Faust]

Весь код приводите.
А лучше на jsfiddle.net воспроизведите.