Creating an Image Map by Using Layers
When you create an image map by using layers, ImageReady does most of the work for you, creating a hotspot around the colored pixels on each selected layer. In addition, if you ever edit a layer containing a layer-based hotspot — if you move the layer, transform it, or edit it in any way — ImageReady automatically updates the layer-based image map.In ImageReady, use the Layers palette to select a layer.
Remember | The layer that you use to create a layer-based image map must contain transparent areas. Otherwise, the entire layer will be turned into one giant hotspot. |
Choose Layer>New Layer Based Image Map Area.
In the Image Map palette, use the Shape drop-down list to select a shape for the hotspots.You can choose from Square, Circular, or Polygonal hotspots. Figure 58-3 shows polygonal hotspots around the fish.

Figure 58-3: The fish on the layer are surrounded by polygonal hotspots.
In the Image Map palette, enter a Web address in the URL text box. (Refer to Figure 58-2.)When you enter the Web address, be sure to type http:// before the Web address. Also, enter the alternate text in the Alt text box. This text appears when someone browsing the Web page passes the mouse over the hotspot. It also appears as a placeholder while the viewer waits for graphics to load.When the URL is entered in the Image Map palette, a tiny pointing finger icon appears near the layer name in the Layers palette, as shown in Figure 58-4. This pointing finger icon indicates that the layer contains a layer-based image map.

Figure 58-4: The pointing finger icon indicates that the layer contains a layer-based image map.
Repeat Steps 1 through 4 to create hotspots on any other layers.Preview the image in a browser by clicking the Preview in Browser button in the Toolbox. Previewing the image lets you test the hotspots that you’ve created.When you’re happy with the image map, you can optimize and save the layered image with its image map, as described in Technique 57. Be sure to upload the image and associated HTML file that ImageReady generates to your Web service provider. Without the HTML file, the layer-based image map doesn’t work.