ELH Challenge # 118
Creating Labeled Graphic Interactions for E-Learning (REVISED) - This week I submitted two but one was new using images as the markers. I followed a video created by Jerson from Visual-e Learning. Amazing how he figured this out and here are the steps I followed:
Using actual markers, place the marker within the image/avatar range so that when selected, the marker appears within the selection area. The content of the marker box must be filled in now.
Select the marker and on the Format tab, change Animate to "None".
Select and copy the image and marker together as one.
Now, click "only" the marker.
Go the States for the marker and double click or select "Edit States".
Paste the image/marker that you selected in step 3.
Still selected, right click on the image/marker and select Format Picture.
Set Transparency to 100%.
Click "Done Editing States".
Select only the marker and in the Format tab, change Marker Fill to "No Fill" and Marker Border to "No Outline".
That's it. If I can do it so can you!
For a more visual set of instructions, here is Jerson's video: https://youtu.be/JbU8oke_jmI
Thanks Jerson!
I just want to add what I did to revise this further. I wanted to dim the objects that are not selected. Michael Hinze (Hero) suggested the following:
Combine all four images into one object.
Create custom states that are called when any of the markers are clicked
Create Triggers for each object marker to Change state of, Group of pics, to desired State, when User clicks that Marker
I then increased the transparency for each of the unselected objects to 80%.
Thanks Michael!
