Here’s another “Bonus Documentation” entry in which I flesh out a task that falls outside the scope of our documentation. When I wrote about creating buttons in InDesign, I included a topic called “Creating button rollover states” that merely hints at one way of creating a hot spot. After I write this blog entry, I’ll link to it from that Help page.
TIP: If you create blog entries or videos for InDesign, or are aware of useful links, please add a comment with a link to the related Help topic. It’s a good way to highlight valuable community content.
Let’s suppose you have a map of France, and you want the Eiffel Tower to appear when (1) the user hovers the mouse pointer over the Paris area or (2) the user clicks in the Paris area.
(1) Creating a hover hot spot (InDesign CS4)
If you’re not sure of the button effect I’m trying to create, you can see what my Eiffel Tower hot spot looks like by viewing the PDF: View PDF file. Hold the mouse pointer over the Paris area.
1. Place the hot spot image. In my example, I’m placing the Eiffel Tower over the Paris area on the map of France. Make sure the image frame doesn’t have a stroke, unless you want it to show up all the time.
2. Open the Buttons panel (Window > Interactive > Buttons). Select the image you want to use as the hot spot, and then click the [Normal] state in the Buttons panel.
This turns the image into a button.
3. Now, click the [Rollover] state in the Buttons panel to activate it.
Whatever changes you make to the image while the [Rollover] state is selected distinguish it from the [Normal] state. For example, you could add a red border that appears to flash on rollover. However, in our case, we want the image to become visible during rollover, so we want to leave the [Rollover] state as is and get rid of the [Normal] image.
4. Select the [Normal] state in the Buttons panel. Use the Direct Selection tool to select the image, and delete it, leaving only the frame. (If you delete the frame, the whole button will disappear.) Click the empty text frame to view the button states again.The [Normal] state should be empty, and the [Rollover] state should still contain the image.
Unfortunately, there’s no way to test buttons in InDesign, so you’ll need to export the PDF or SWF to see if it worked.
5. Export the document as a PDF. In the Export Adobe PDF dialog box, make sure the Interactive Elements option is selected, or the buttons won’t be active in the PDF.Again, to see the PDF of my Eiffel Tower hot spot, go here: View PDF file.
That’s the easiest way I can think of to create a rollover hot spot. In Part II, I show how to create a clickable hot spot.