Как можно двигать изображение мышкой в контейнере?

Question

[dmitry82]

Как можно перемещать изображение с помощью мыши в контейнере, что бы невидимая часть скрывалась? Вот пример online.iprintit.ru/start/#soft/soft/28x21/66 . Если загрузить изображение и добавить его на страницу в один из квадратиков, изображение фиксируется в нем, далее двойной клик мыши позволяет перемещать изображение в этом квадратике, а так же увеличивать. 1.Есть ли плагин позволяющий сделать такое? 2. Или как это реализовать на js, алгоритм в общих чертах 3.Так же внизу есть маленькие превьюшки страниц, как они формируются.

Comments

[twobomb]

Почитайте как организовать drag & drop, невидимую часть скрывать очень просто, у блока в котором это изображение поставьте свойство overflow:hidden;. Зум делать либо изменяя ширину высоту либо свойством scale.