Проблемы с пользовательским интерфейсом JQuery для перетаскиваемых и изменяемых размеров изображений

Question

У меня настоящая головная боль, когда я пытаюсь решить проблему, с которой я столкнулся на веб-странице. Надеюсь, вы мне поможете: D.Я погрузился в смежную тему, но не нашел ни одного человека с такой же проблемой, использующего несколько изображений.

Чего я хочу достичь: «Я хочу включить перетаскиваемые и изменяемые размеры изображений в div».Изображения по одному добавляются при нажатии на ссылку.

У меня есть в основном 3 проблемы (также объясняется с изображениями):

• Когда я добавляю новый элемент ион помечен как изменяемый, он отображается под последним изображением, а не рядом с ним.(Когда он не помечен как изменяемый размер, он появляется рядом) http://i.stack.imgur.com/1dBXF.jpg

• Когда я перетаскиваю изображение, изменяя его ось Y, а затем пытаюсь изменить его размер, оно автоматически перемещается в положение оси las Y(Х соответствует).http://i.stack.imgur.com/rF9KK.jpg

• Когда я перетаскиваю изображение и пытаюсь изменить размер другого, позиция Y перетаскиваемого изображения изменяется.h ** p: //i.stack.imgur.com/OMWEr.jpg

Я не знаю, что делать, большое спасибо.

Answer 1

Я попытался воссоздать то, чего вы хотели достичь, и пришел к этому образцу Я надеюсь, что это поможет в некотором роде.Вот мое решение проблем, с которыми вы сталкиваетесь: Задача 1: Я добился разделения изображений с изменяемым размером и размером не меняя, назначая их в отдельные элементы div.(кажется, проще так: P). Проблема 2 и Проблема 3: Мне не удалось столкнуться с этими двумя проблемами, вы используете опции также Изменить размер или grid ? [Обновлено сообщение] Я увидел проблему, с которой вы столкнулись, и изменил мой исходный код, вот результат .Я предоставил комментарии по обновленным строкам.

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

Я надеюсь, что это поможет вам в некотором роде:)