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.

  1. doing work , displaying tooltip 'manually', i.e. floating div using javascript or something, there bunch of libraries doing this.
  2. split image four, , provide title (which displayed tooltiop of mouse hovering) each.
  3. 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

Popular posts from this blog

python - Scipy curvefit RuntimeError:Optimal parameters not found: Number of calls to function has reached maxfev = 1000 -

c# - How to add a new treeview at the selected node? -

java - netbeans "Please wait - classpath scanning in progress..." -