WEBYK WEBYK Індивідуальні OnLine уроки з web технологій
+38 093 766 39 11
oleggpann@gmail.com

Перетаскивание картинок Jquery

Существует замечательный плагин для перетаскивания элементов, картинок, блоков и т.п. Jquery Draggable

Суть заключается в том что плагин Draggable генерирует три новых типа событий: start, drag, и stop. Они происходят в момент захвата, при перемещении и в момент отпускания перемещаемого элемента

ui.helper — вспомогательный элемент (helper) в форме объекта jQuery. Подробности об этом элементе можно узнать в описании свойства helper.

ui.position — позиция перемещаемого элемента относительно ближайшего родителя c заданным типом позиционирования (css-свойство position равно relative или absolute или fixed).

ui.offset — позиция перемещаемого элемента относительно начала документа.

$("#el").draggable({ drag:function(event, ui){
  ui.position.left = x;
  ui.position.top = y;
}});

или свойство offset, которое можно получить напрямую у перемещаемого объекта:


Якщо у вас виникли питання, вбо ви бажаєте записатися на індивідуальний урок, замовити статтю (інструкцію) або придбати відеоурок, пишіть нам на:
скайп: olegg.pann
telegram, viber - +380937663911
додавайтесь у телеграм-канал: t.me/webyk
email: oleggpann@gmail.com
ми у fb: www.facebook.com/webprograming24
Обов`язково оперативно відповімо на усі запитіння


Поділіться в соцмережах



Подобные статьи:


facebook
×
Підришіться на цікаві пости.
Підписатись