The scheme used to achieve this
effect is basically the same as that employed in the Shadow and
Bubble plugins. A schematic
of what is done is shown in Figure
1 below.

Figure 1. Schematic of the pointer plugin
As seen in the figure, two nested DIV containers
are placed inside the coolTip container.
One holds the image for the pointer and the other holds the
popup content that is normally generated. These two nested
DIV containers are placed next to one another, where in this
case, the one holding the popup content is displaced to the
right by the width of the pointer image. This image is scaled
based on the height of the popup content, holding the aspect
ratio fixed (height/width ratio).
Because this plugin uses the same scheme
used by the Bubble plugin,
the BUBBLE command is disabled when using this Pointer
plugin. The Shadow plugin
also uses this same scheme but it is not disabled except
for Ns4x and Safari on the Macintosh, in which case it
is turned off. This type of coolTip can
be made STICKY and the NOCLOSE and/or MOUSEOFF commands
can also be used. If they are, then the coolTip will
close when the cursor is outside the "Popup Content
Area" shown
above. In other words, mousing into the "Image Div" will
immediately close the coolTip (except
for Ns4x) so extra care must be exercised to
keep this from happening.
In addition, when this plugin is used, automatic
positioning due to VAUTO/HAUTO is disabled (i.e., they
are set to 0) since they are inconsistent with the purpose
of this plugin. |