如何显示滚动图像上的信息，如Facebook人物

我想知道是否有人可以发布代码示例，说明如何将某个像素坐标悬停在图像上时显示某些信息（就像当我将图片悬停在图片上时一样） Facebook的图像，它显示了一个谁是谁，我目前有我的鼠标指针的文本）。如何显示滚动图像上的信息，如Facebook人物

facebook和我的解决方案之间的区别在于我的图片不是包含人物的图片，而是同一图片上的多张图片，因此当我将鼠标悬停在其上时，图片像素坐标的许多图标都会显示一些数据。

我也希望我的sollution是基于web的，如果可能的话只包含javascript，jquery css html。

由于这么多提前=）

来源

2011-04-12 anders

你可以尝试html http://www.javascriptkit.com/howto/imagemap.shtml的图片地图 – jimy 2011-04-12 09:28:38

像@ jimy说的，使用图片地图。 – Alex 2011-04-12 09:36:19

IKE @jimy说，使用图像映射。 - 亚历克斯·托马斯6分钟前

但是，为了回答你的问题 “...想知道如果任何人都可以发布一个代码示例...” 我已经做到了这一点：

HTML

<img name="n00000001" src="http://ajthomas.co.uk/shapes.png" width="300" height="300" border="0" id="n00000001" usemap="#m_00000001" alt="" /><map name="m_00000001" id="m_00000001"> 

<area shape="rect" coords="28,179,116,256" href="#" title="square" alt="square" /> 

<area shape="circle" coords="228,66, 45" href="#" title="round" alt="round" /> 

<area shape="poly" coords="60,32,22,72,51,120,104,109,111,54,60,32" href="#" title="Poly" alt="Poly" />

我已经把它的jsfiddle对你太 - http://jsfiddle.net/ajthomascouk/xsrzz/

我使用烟花，但我敢肯定有免费的工具，在那里了。

希望这会有所帮助。

更新