Adobe Acrobat 7 TIPS and TRICKS THE 100150 BEST [Electronic resources] نسخه متنی

Rollover Image Tips

Using buttons in the way described in this tip can greatly enhance a visual document. Keep these things in mind:

• When you are building several buttons, complete one pair and then use the Create Multiple Copies method described in Tip 102 to quickly build the remaining pairs. You then can customize each pair as required.

• Changing the size of the image button changes the size of the image. In the first example, the image used as a rollover is small; the one used in the second example is much larger since the button is sized much larger.

1.

Select the Button tool in the Advanced Editing toolbar and drag a marquee over the area where you want the image to be responsive to a user's pointer movement. Release the mouse when you have drawn the marquee and the Button Properties dialog opens.

2.

Click the Appearance tab and set the fill and stroke to none.

3.

Click the Options tab, and then click the Layout pull-down arrow and choose Icon Only from the list.

4.

Click the Behavior pull-down arrow and choose Push as the button type. The three states for the push button appear in the State list on the dialog; select Rollover (Figure 103a).

5.

Click Choose Icon, and then click Browse in the Select Icon dialog. When the File of Type dialog opens, locate and select the file you want to use for the effect, and then click OK to close the Preview Icon dialog and return to the Button Properties dialog. In my example, I have an image of St. Louis Cathedral in New Orleans.

6.

Click Close to close the Button Properties dialog.

7.

Click the Hand tool on the Basic toolbar and move the pointer over the button's area. You see the image displayed over the map (Figure 103b).

1.

Create a button as described in the previous steps but place the button on the page location where you want it to pop upfor example, the upper right of the map. In this example, my button that contains the image is called image. That's hard to forget!

2.

Now add a second button over the area that you want to react to the user's mouse. In the Button Properties dialog, make sure the background and stroke are clear in the Appearance tab.

3.

Click the Actions tab. You add two actions to make this effect work:

• First, click the Select Trigger pull-down arrow and choose Mouse Enter, and then click the Select Action pull-down arrow and choose Show/Hide Field. Click Add and the Show/Hide Field dialog shown in Figure 103c appears. Click the image field in the list (see how useful naming a field can be?) and then click the Show radio button. Click OK to close the dialog and return to the Button Properties dialog.

  Figure 103c. Choose the button containing the image and specify whether to show or hide the field

  
  

  

• Repeat the process again, this time choosing the Mouse Exit trigger, and in the Show/Hide Field dialog, select the image field again and click Hide. Click OK to close the Show/Hide Field dialog, and click Close to dismiss the Button Properties dialog.

4.

Click the Hand tool on the Basic toolbar and move the pointer over the "hotspot" button to show the content of the second button (Figure 103d).