Step Two: Set up the Layers
This technique takes advantage of
three different layer properties: absolute positioning, visibility, and clipping.
The idea is to have a just a portion of a hidden layer display during a mouseOver
event. So first, we need two layers -- one for each of our images.
Follow these steps to establish the
initial layers:
- Choose Insert>Layer or select
the Insert Layer button from the Object Palette to create the "onLayer." If
you use the menu option instead of drawing out the layer, it will create it
as a standard size and you won't have to spend as much time adjusting the
layer sizes later.
- Make sure the cursor is in the
layer and choose Insert>Image or select the Insert Image button from the
Object Palette and load your "on" graphic. If the layer is small than the
image it will automatically expand.
- Repeat step 1 to create the "offLayer."
Be sure to give it a unique name.
- Repeat step 2 and insert the "off"
graphic.
- If necessary, open the Layers
Palette and make sure that:
- Both layers have unique names.
I am using "offLayer" and "onLayer" in my example.
- The offLayer is visible.
- The onLayer is hidden.
- The onLayer is on top of the
offLayer so that when you make a portion of the onLayer visible it obscures
the offLayer.
