Dividing an Image into Clickable Regions

A clickable image is like a collection of buttons combined together in one image. A click in one part of the image brings the user to one destination. A click in another area brings the user to a different destination.

There are two important steps to implementing a clickable image: First you must map out the different regions of your image, and second you must define which destinations correspond to which areas of the image.

To divide an image into clickable regions:

1.
Create an image, consulting Chapter 5, Images, as necessary.
2.
Open the image in Photoshop or other image editing program.
3.
Choose Window > Info (Figure 6.27).
Figure 6.27. In either Photoshop (shown) or Photoshop Elements, choose ...

Get HTML, XHTML, & CSS, Sixth Edition: Visual QuickStart Guide now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.