Hot-spots properly called image mapping. This is how the names are made to appear when the pointer hovers over a face in a photograph.
This example picture shows the image mapping areas while you hold the mouse button down where there is a name. Also note the order of the overlapping hot-spots. For example Tony Bradley before John Ashworth before Derek Jordan (Dougal).
You clicked on no-one.
Inside the image tag add a "usemap" parameter that points to a "map" of the picture. usemap="#pic1" (make sure you put the # at the start of the map reference).
Here is a typical map - damn complicated ain't it!
Area coordinates are a pain to work out. Luckily there are free programs to be found on the internet to write them for you. I use the Paint Shop Pro File > Export > Image Mapper. Just be sure not to save over the top of your original image!
The map definition is named without the #.
The areas can be rectangular circular or polygonal.
Rectangular coordinates are x-y locations of top-left and bottom-right of the hot-spot. Circles are coordinates of the centre and the radius. Polygons are a series of x-y coordinate pairs that trace round the outline.
Hot-spots are usually used as links. In that case there will be an href="address" in the area. The map of Great Britain on the Club Runs page has places linked to appropriate club runs pages. If we don't want a link put nohref.
On pages where the images are not genuinely mapped, put a "dummy" map definition with areas as the following example. This will ensure that the names are listed even though the images do not have tooltips.
Area alt text is used to produce tooltips and a list of names.
The status line shows combined title and alt text.
Numbered areas ask for information on the identity of the person.