How to create a interraction where user is able to move images on website with mouse drag

Hello Webflow Community,

Can someone tell me how we can create an interaction like done on this website

I would like to know how can this interaction be achieved where a person is able to drag the image where he wants on the website.

Any help would be appreciated.

Thanks
Have a great day ahead.

Hi @abilfazal_taha,

Hope I can help out with this one, there is a showcase project here that might be what you’re looking for: draggable-content - Webflow

You can basically add the below code to Page Settings > Custom Code > Before tag and add a combo class with the class name ‘draggable’ on any elements you want to be able to drag.

<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
    <script>
      $(function() {
        $(".draggable").draggable({
        });
      });
    </script>

Hope this helps!