Image and Description Tooltip

One of the more useful tooltip scripts that can be used in a presentation-tutorial website like Your Daily Inspiration and the Bible Workshop is the "Image with Description Tooltip" by Sharon Paine. There are two parts in the script: the first is placed at the <head> section of the web page, and another is in the <body> where the links to the images are.

The second part of the script — the one in the body of the webpage — is the normal IMG tag with the the AHREF. This latter should have the following special codes for the mouseover and mouseout events that are important for running the script:

onmouseover="doTooltip(event,0)" onmouseout="hideTip()"

In the case of the page one finds here, an image map has been used. What happens is here is that by running the mouse over the sectioned graphics, a larger view of the reduced sectional graphic is displayed.