Draggable Content

by kidino

HTML

<script src="https://code.jquery.com/ui/1.11.1/jquery-ui.min.js"></script>
<div class="outer">
    <img class="inner draggable" src="https://picsum.photos/1200/1200" />
</div>

CSS

.inner{
    cursor: move;
}

body { background-color: #999; }

.outer {
    border: 5px solid #fff;
    height: 400px; width: 400px;
    overflow: hidden;
    
}

JavaScript

$('.draggable').draggable();