JQuery DragDrop

Set the onDrag property of the jqxDragDrop. Author: http://jqwidgets.com

HTML

<script src="https://jqwidgets.com/public/jqwidgets/jqx-all.js"></script>
<link rel="stylesheet" href="https://jqwidgets.com/public/jqwidgets/styles/jqx.base.css">
 <div style="width: 75px; height: 75px;" id="element">
    <img id="image" src="http://icons.iconarchive.com/icons/chromatix/pulse-pack/256/web-V2-icon.png" alt="dragImage" style="width: 75px; height: 75px;">
</div>
<div id="log"></div>

JavaScript

$('#element').jqxDragDrop({
    appendTo: 'body'
});
$('#element').jqxDragDrop({
    feedback: 'clone',
    onDrag: function (data, pos) {
        $("#log").html("Left: " + pos.left + ", Top: " + pos.top);
        $('#image').attr('src', 'http://icons.iconarchive.com/icons/chromatix/pulse-pack/256/web-V2-icon.png');
    },
});

$('#image').bind('mousedown', function () {
	$('#image').attr('src', 'https://www.jqwidgets.com/jseditor/apps/common/images/jqwidgets_icon_color.png');
});