Image Drag

by nobuts

HTML

<script src="http://puneetk.com/jq-image-drag/script/jquery.imagedrag.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.min.js"></script>
<div class="wrap">
  <img src="https://cdn.pixabay.com/photo/2017/11/12/13/37/forest-2942477__340.jpg" />
</div>
currently positioned at <span id="output"></span>

CSS

.wrap {
        width: 938px;
        height: 280px;
        overflow: hidden;
        margin: auto;
        cursor: -webkit-grab;
      }

JavaScript

$('.wrap').imagedrag({
          input: "#output",
          position: "middle",
          attribute: "html"
        });