image map titles

fifeclub posted this at 16:57 — 29th July 2004.

Joined: Feb 2001

I have a page on my site (yes, it's a very silly project I started). It has a map where you can hover over certain points and get more information.

<?php
<map name=\"map\">
<area shape=circle coords=\"458,216,15\" title=\"Televisoin Writer/Producer, Charlotte, NC\" />
<area shape=circle coords=\"118,230,15\" title=\"Financial Advisor, Rancho Santa Margarita, CA\" />
</map>

<p align=\"center\">
<img src=\"/graphics/postcard.jpg\" alt=\"\" width=\"600\" height=\"400\" border=\"0\" usemap=\"#map\" ismap />
</p>
?>

It works just as expected but I bet it can work better somehow?

1) Right now your mouse needs to stay still for ½ second before the text appears, and disappears as soon as you budge the mouse again. Is there another technique I can use that would pop up the message immediately when your mouse is over the target area, whether or not it's still moving.

2) Using "title" doesn't allow me to do line breaks. Is there another technique I can use that would allow the occupation and the location to be on seperate lines.

Thanks