Setting Rollovers & Linked Objects

A roll-over is when you place the mouse cursor over an image and another image appears. This is useful when you want to create an effect like a button being highlighted whenever the user moves the mouse over it. To do this, you need to create a normal version of the button image and a highlighted version. Then you can set a roll-over with the two images. You can make roll-overs with two images or more than two images. Related to the concept of roll-overs are linked images. If two images are linked, then one will automatically be hidden whenever the other is hidden, and be shown when the other is shown. In Flying Popcorn, you can create roll-overs and linked images through actions or with the Roll-over/Linked Object dialog box. We will discuss the latter technique here.

To create a roll-over

1. Create at least two objects.
2. Select one object and click (Set Roll-over/Linked Objects).
3. Click the other object(s).
4. In the Roll-over/Linked Objects dialog box, check the Auto-hide selected objects checkbox and click OK.

Now, the object(s) that you clicked in Step 3 will be hidden. In the Publish menu, click Prepare & Play and play the project. Find the object you selected in Step 2 and move the mouse cursor over it. You will see that the objects selected in Step 3 will appear when the mouse cursor is over the object and disappear when the mouse cursor is not.

To link objects

1. Create at least two objects.
2. Select one object and click (Set Roll-over/Linked Objects).
3. Click the other object(s).
4. In the Roll-over/Linked Objects dialog box, check the Set objects to follow only checkbox and click OK.

Now, whenever the object selected in Step 2 is hidden, the objects selected in Step 3 will also be hidden. Likewise, whenever the object selected in Step 2 is shown, the objects selected in Step 3 will also be shown.

To cancel a roll-over or an object link, click the object and click (Set Roll-over/Linked Objects) and click the Reset All button. Objects that were hidden during the rollover process will remain hidden. To show them, go to the Object menu and click Show All.