Open the Flash file that you've been working with (if it's not already open). Next you'll see how to import new images to the Library and use those images to replace the graphics in the Drag and Target objects.
Watch the Demo: Customizing the Drag and Drop Interaction [running time 02:47 min.]
Summary
You learned how to replace default graphics in a Drag object with a chicken. You can imagine the possibilities.... Now you should be able to customize the rest of the Drag and Target objects. But what if you want more than to add new Drag and Target objects?
Procedure
Modify a Drag object so that it contains a custom graphic
Select File > Import> Import to Library
Select the graphic that you want to import and click OK. Leave default Import Options as they are.The graphic now appears in your Library.
To keep things orderly, put the graphic with the other graphics for the Drag and Drop Interaction.
In the Library, open the Quiz Files folder. Inside you’ll find two folders: Assets and Learning Interactions.
Open the Learning Interactions folder. Inside you’ll find another Assets folder.
Open the Assets folder. Inside you’ll find three folders: Controls, Graphics, and UIComponents.
Open the Graphics folder. Inside you’ll find four folders: DragAndDrop, HotObjects, HotSpot, and Interface Skins.
Open the DragAndDrop folder. You’ll see the movie clips for the template’s generic drag objects and target objects.
Drag your graphic from its current position in the Library to this DragAndDrop folder.
Now edit one of the Drag objects and replace its graphics with your graphic.
Double-click the first movie clip, DD_drag1, and it will appear by itself on the stage.
Press Ctrl-A to select all of the graphic elements on the stage.
Press Delete. Now the stage is empty except for crosshairs that mark the center of the stage.
Drag your graphic from the DragAndDrop folder to the stage. Place it so its center is over the crosshairs. If your graphic is significantly different in size from the default graphic that was there, resize your graphic to approximately the same size. You’ll have an opportunity to tweak the size and placement later.
Double-click the open Assets folder to close it.
Now edit the Drag and Drop movie clip to tweak the size and placement of your graphic.
Double-click the Drag and Drop movie clip to open it on the stage. You’ll see that the first Drag object has been replaced with your graphic.
Resize your graphic so that it’s the same size as the other Drag objects. Tip: Select View > Snapping and make sure Snap Align is checked.
Select your graphic.
Select the Free Transform tool in the Tools palette.
Hold the Shift key and drag one corner of your graphic to resize it. Dashed guidelines will appear to help you match the size of your graphic with the one next to it.
Return to the main stage to see the results and test your movie.
Above the timeline, click Scene 1 to return to the main stage.
Select Control > Test Movie.
Close the movie when you’re finished testing it.
Save your file
Preview
Next you'll open a prepared Flash file and see how to work with customized Drag and Target objects in a quiz. You'll begin by renaming the objects so that the Drag objects are associated with the appropriate Target objects to make the quiz work properly.