javascript - How can apply 4 different tooltip onto a single image -
can me how can apply 4 different type of tooltips onto single image? when mouse on over image @ top bottom left , right, @ time 4 different tooltip should displayed.
here, have put example need. it's in flash want without flash. http://www.lavasa.com/high/
if have idea regarding same please share me.
i think have 3 options.
- doing work , displaying tooltip 'manually', i.e. floating div using javascript or something, there bunch of libraries doing this.
- split image four, , provide title (which displayed tooltiop of mouse hovering) each.
- do old school
<map>
.
an example using <map>
:
<img src="trees.gif" usemap="#green" border="0"> <map name="green"> <area title="save" shape="polygon" coords="19,44,45,11,87,37,82,76,49,98" href="http://www.trees.com/save.html"> <area title="furniture" shape="rect" coords="128,132,241,179" href="http://www.trees.com/furniture.html"> <area title="plantations" shape="circle" coords="68,211,35" href="http://www.trees.com/plantations.html"> </map>
(blatantly stolen http://www.javascriptkit.com/howto/imagemap.shtml first google hit, added 'title'-tag)
Comments
Post a Comment