Drag and drop - make draggable item appear under object
Apr 02, 2013
Hi,
I was wondering if any of you lovely people could help me. I've used a simple example to explain a more complicated interaction im creating for ease of descirption.
I basically want to create a drg and drop where there is an image of a coin (coin.png) and you have to place a piece of paper (paper.png) under the coin by dragging the piece of paper to the right place (ie under the coin). My problem is that when you drag the paper over the coin it covers the coin so the coin is no longer visible. I want the coin to always be visible so it looks like the user is sliding the piece of paper under the coin rather then just dumping it on top -is this possible?
I have changed the ordering so that the coin is in front of the paper but drag and drop seem to ovverride this. Any advice?
Thanks in advance 
4 Replies
As far as I know, a drag object will always appear on top until it is released.
Darrell,
This isn't perfect, but maybe someone can improve on it. I put the coin on a layer so it sits above the paper. Problem is that the coin disappears while the drag action is happening, but it is there when your mouse releases the paper.
Could you change the transparency of the piece of paper, so the coin is partially visible through it while the paper is being dragged? Then when it's released, it can drop behind the coin, leaving the coin fully visible.
Thanks for the help! In the end i've created a flash animation and imported it in there instead but thanks for the tips!
This discussion is closed. You can start a new discussion or contact Articulate Support.