Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   перемещение в блоке с ограничением (https://javascript.ru/forum/dom-window/44305-peremeshhenie-v-bloke-s-ogranicheniem.html)

STALERUM 15.01.2014 01:44

перемещение в блоке с ограничением
 
Всем привет. имеется блок, к примеру 200х200. Внутри него находится картинка больше него (к примеру 500х500), соответственно нужно чтобы она не вылезала из блока, а было видно только ее часть (200х200), при этом картинку можно двигать внутри блока, чтобы видеть ее скрытые части.
Это, как я понял, реализуется с помощью drag and drop
Но загвоздка в том, что картинка двигается свободно в блоке, т.е. можно увидеть фон самого блока. Мне же нужно, чтобы границы картинки не выходили внутрь границ блока, т.е. чтобы невозможно было увидеть фон самого блока.

вообщем, мне нужно как тут:пример
Подскажите, как можно реализовать?

ruslan_mart 15.01.2014 10:22

Вот, сделал Вам простой пример: http://learn.javascript.ru/play/x3qFvb

рони 15.01.2014 10:46

Ruslan_xDD,
Цитата:

Сообщение от STALERUM
Но загвоздка в том, что картинка двигается свободно в блоке, т.е. можно увидеть фон самого блока

картинку вверх -- снизу фон


Часовой пояс GMT +3, время: 22:05.