Drag and Drop

How can I create a drag and drop for multiple images? I have tried the strawberry tutorial but I need more than one image, not just one like the strawberry. There is an example in drag and drop with flags, that is something like what I am trying to do! 

BV52's picture

Hi Gennan,

You can check this short demo. Please note that in the video I used text as the draggable you can replace this step with an image instead.

-BV

Hi BV! 

Thank you so much. This is a step in the right direction for me. How do I use images with text? For example, I am trying to match text/labels to an image/logo. 

For example: Drag the text "corporation" to an image of The Little Gym logo.

Thank you so much for your help!

Also, right now when the logo is being dragged to the text, it highlights the correct drag. How can I remove this? I don't want to make it easy on them :) 

BV52's picture

Hi Gennan,

You can add an image but do not place any check on the drop zones this will make this image a static image. After this you can place a drop zone on top of the image. For the second question my video tackles this, phase 2 adding draggables.

-BV

TeaKayB's picture

Sorry to hijack this thread, but I don't seem to be able to make a new one and I can't find another one to comment on that's more relevant!

Is there a limit to the number of drop zones that can be made in a drag-and-drop activity? I have created 38 drop zones and three of them are not showing any "elements" in the checkbox list for choosing the correct elements for that drop zone. Have I hit a limit somewhere?All but these three drop zones are functioning as expected, but any new drop zones created suffer from the same problem.

BV52's picture

Hi TeaKayB,

I think you should check your draggables. If the draggables don't have a check on drop zones 36-38 you will not see the draggables as possible correct answers in the drop zone settings.

-BV

TeaKayB's picture

Hi BV52,

Thank you! I knew it would be something simple... I'd been playing with it for ages!