JQuery UI - Draggable Viewport (overflow:hidden)

JQuery UI - Draggable Viewport (overflow:hidden)

Hello

I have jQuery content slider (  http://bxslider.com/ ) and I would like to drag (copy) images from this slider to another container (droppable) on the page using JQuery UI.

I managed to make the images draggable, but since the slider has a "viewport" (overflow:hidden), the images are getting invisible, as soon as they move outside the bxslider viewport.

How can i solve this? Is there an example for this situation?

I would like to copy the images onto the droppable. The original image should remain on the slider.
I would like to be able to move the image on the droppable after the initial dropping from the bxslider.

Thank you very much.