Проблема с галерей

[Evgeniya]

Здравствуйте! На странице следующая структура: слева большой блок, а справа маленькие блоки с превью изображения. При клике на превью изображение исходного размера появляется в большом блоке слева. В этом блоке мы видим только часть изображения, а остальную часть можем смотреть, когда водим курсором внутри блока.
Вот код, который ловит событие .mousemove() и выполняет действия

$("#big_photo").mousemove(function(e) {
var offset = $(this).offset();
var relativeX = (e.pageX - offset.left);
var relativeY = (e.pageY - offset.top);

$("#big_photo img").css({"position":"relative","left":"-"+relativeX+"px","top":"-"+relativeY+"px"});
});

Все работает, но, когда я дохожу курсором до края блока, то я не вижу конец изображения. Оно показывается не полностью. Наверно я неправильно координаты считаю. Если есть у кого идеи, скажи, пожалуйста. Буду благодарна! =)

 

[Gremboloid]

если при клике на превью изображение исходного размера появляется в большом блоке слева центрированным по высоте и ширине, то при вычислении сдвига, надо учитывать началое смещение равное
(высота картинки - высота блока)/2
(ширина картинки - ширина блока)/2
Так же надо добавить условие чтобы нельзя было сдвинуть картинку за пределы блока.

 

[Evgeniya]

Спасибо! Помогли! =)