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 shape="rect" coords="374,57,418,333" nohref alt="Bill Marshall">
<area shape="rect" coords="74,63,126,309" nohref alt="Wombat" title="We knew him as">
<area shape="rect" coords="148,49,218,317" nohref alt="3">
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="Joe Soap">
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.