Question

When I drag a image on droppable area then I want to know the selected image size.
Here I did some code.but every time it gives only the first dragged image size. can anybody help to sole this problem?

In some other discussion there discuss about actual image size not about the clone drag image.
only get the id of first image. not the others.

Answer 1

have a look on this: http://jsfiddle.net/T6nn5/21/

I changed

var imgWidth = $("#dhtmlgoodies_xpPane li .draggable").width();
var imgHeight = $("#dhtmlgoodies_xpPane li .draggable").height();
alert("width: "+ imgWidth +"Height: "+imgHeight);

to:

alert("Width: "+ui.draggable.width() + " Height: "+ui.draggable.height());

EDIT:

Add this to your js code to get the dimension of an image which is clicked in #working-area. Take care to add the right class name 😉

$('#working-area .myclass').live('click', function(event) {
        alert("Width: "+$(this).width() + " Height: "+$(this).height());
    });

EDIT 2:

To get the position of your dragged element try something like that:

$('#working-area .myclass').live('mouseup', function(event) {
         alert(event.pageX);
});

Here’s http://jsfiddle.net/T6nn5/22/ an full example.