Просмотр имджа
 

Суть такова .
Есть див с размерами скажем 250х250
В него засовываем картинку размерами скажем 599х599
При onmouseover() картинка должна перемещаться в этом диве.
То есть к примеру ставлю курсор чуть левее центра - картинка перемещается вправо .. Таким же образом по всем направлениям.
Чем курсор дальше от центра - тем картинка перемещается быстрее.

Это похоже на реализацию лупы (Просмотр картинки с увеличением) на
JQuery но все равно не то.

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

Если что то упустил - поправте .

Может у кого нибудь есть готовые решение или же ссылки на понятные статьи по схожим вопросам , либо вообще иные решения.

Вообщем буду рад любым советам. Спасибо.

http://demos111.mootools.net/Scroller
нижний зеленый лоскут

спасибо это почти то что надо. только не получилось подключить mootools .. не пойму в чем трабл ..

Чистым JavaScript это сложно реализовать ? без подключения библиотек..

Не получилось подключить - скорее всего трабла с версиями (в примере вообще 1.11, которая не поддерживается 1.2 и выше).

На чистом js? Если мышка в контейнере и не дальше 20 пикс от края, то сдвигать координаты внутренностей, пока края не сравняются. По моему, не оч. сложный алгоритм.