I have list of thumbnails. I want to drag those images to the container. I want thumbnails to be changed to original pictures which are stored in the db.And I want to perform drag action (overlap)on those images which are dropped inside the container.
Below is the code snippet Here i am using dragging function to send thumbnails
"<script>
$(function() {
$('#" + EncodeJavaScript(DraggableId) + "' ).draggable({
helper: 'clone'
});
});
</script>"
Below is the code snippet where i am displaying the corresponding image
"<script>
$(function() {
$('#" + EncodeJavaScript(DroppableId) + "' ).droppable({
drop: function( event, ui ) {
$( this ) this )
.html('<img
src=data:image/.png;base64,"+BinaryImg+" height=80px width=80px > ') '-> Here i am not getting actual image instead i got a blank image
}
});
});
</script>"
