JQuery перетаскиваемые и изменяемые размеры изображений

Question

У меня возникло несколько проблем при попытке правильно настроить некоторые базовые функции jquery.

Я просто хочу иметь возможность перетаскивать изображение (или несколько изображений) в контейнер и затем изменять их размер.

Пока у меня есть это

http://jsbin.com/ipoxe5/edit

У меня есть конкретные проблемы:

1) Не удается получить маркеры изменения размера для отображения вокругкрай изображения

2) Как только вы щелкаете изображение, оно «прыгает» прямо в элемент div (#droppable) - вы не видите плавной анимации перетаскивания, он просто переходит непосредственно в div.На самом деле я бы хотел «перетащить» изображение в div contasiment, а не в него автоматически переходить сразу, как только вы нажмете на изображение.

Есть идеи, что я делаю неправильно?

Answer 1

Параметр сдерживание"Ограничивает перетаскивание в пределах указанного элемента или области."

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

Глядя на код для изменяемого размера , в правом нижнем углу есть только код для добавления видимого маркера:

if ('se' == handle) {
        axis.addClass('ui-icon ui-icon-gripsmall-diagonal-se');
                };

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