# How can you drag an image? like rwidget Draggable?

**URL:** <https://forum.wixstudio.com/t/how-can-you-drag-an-image-like-rwidget-draggable/54107>\
**Category:** Ask the community\
**Tags:** code\
**Created:** [November 26, 2023, 12:05am UTC](https://forum.wixstudio.com/t/how-can-you-drag-an-image-like-rwidget-draggable/54107 "2023-11-26T00:05:45Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Gal\_Stein](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/gal_stein/32/85132_2.png) [@Gal\_Stein](https://forum.wixstudio.com/u/Gal_Stein)\
**Post date:** [November 26, 2023, 12:05am UTC](https://forum.wixstudio.com/t/how-can-you-drag-an-image-like-rwidget-draggable/54107/1 "2023-11-26T00:05:45Z")

</div>

i saw alot of sites lately in which you can drag the images, very fun and coll conecpt, is there a way to do it in wix? when i looked in the code of one of the sites that has it i saw the code reffered to Draggable

---

<div class="post-metadata">

**Author:** ![CODE-NINJA](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/code-ninja/32/110588_2.png) [@CODE-NINJA](https://forum.wixstudio.com/u/CODE-NINJA)\
**Post date:** [November 26, 2023, 11:35pm UTC](https://forum.wixstudio.com/t/how-can-you-drag-an-image-like-rwidget-draggable/54107/2 "2023-11-26T23:35:28Z")

</div>

> [@Drag-and-drop help requested](https://forum.wixstudio.com/t/drag-and-drop-help-requested/10315/3):
>
> Here’s my code in the public custom-elements folder for a drag-and-drop custom element. But, the image won’t be dragged into the dropDiv like it should. I’m trying to recreate [https://www.w3schools.com/html/tryit.asp?filename=tryhtml5\_draganddrop](https://www.w3schools.com/html/tryit.asp?filename=tryhtml5_draganddrop) . const IMAGE\_URL = 'http://wix.to/vUBXBKU'; const H2\_TEXT = 'This is a Custom Element - drag and drop test'; const DEBUG\_TEXT = 'Loading the code for Custom Element drag-and-drop.'; const createImage = () =\> { const imageElement = document.create…

> [@\[Resolved\] Implementing Drag & Drop?](https://forum.wixstudio.com/t/resolved-implementing-drag-drop/29055):
>
> Hi everybody. I would like to implement a “Drag and Drop” feature in my webpage. As Wix doesn’t have any built-in modules for this purpose, the only way I found out was to make a transparent HTML iframe with a higher z-index than the original picture of the Wix webpage and put a transparent picture (in the frame) above the picture on the Wix Page. And then use some JS to implement the drag & drop feature and trace back signals (“DragBegin”, “DragEnd”) and mouse X and Y coords, to finally handl…

> [@Adding a drag-drop functionality with iframe on Wix](https://forum.wixstudio.com/t/adding-a-drag-drop-functionality-with-iframe-on-wix/32952/2):
>
> Well a big problem I see is that “image8” is not the src of the image, you will need to get the src from the media manager or an external url: [https://support.wix.com/en/article/wix-editor-retrieving-the-url-of-an-image](https://support.wix.com/en/article/wix-editor-retrieving-the-url-of-an-image)[https://www.wix.com/velo/reference/$w/image/src](https://www.wix.com/velo/reference/$w/image/src) Also since this is not specifically Velo-related you might get better help on Stack Overflow or other such sites.