SO-22555409

by Tushar Gupta

HTML

<button>add image</button>
<div id="currentimage">
    <img src="http://s25.postimg.org/v554s2umn/man_looking_at_sunset.jpg" width="400px" style="height: auto; z-index: 0;" />
</div>

CSS

#currentimage {
    position: relative;
    width:400px;
    height:300px;
}
#currentimage img {
    position: absolute;
    top:0;
    left:0;
}

JavaScript

$(document).ready(function () {
    $("button").click(function () {
        var el = '<img src="http://s25.postimg.org/pi8ruls3z/image.jpg" width="200px" height="auto" />';
        $("#currentimage").append($(el).draggable({
            containment: $("#currentimage")
        }));
    });
});