在图像上创建工具提示的建议

Question

是否有另一种方法（更优雅！）在图像之上创建多个工具提示而不使用图像映射？最好寻找使用 jQuery 的解决方案，但不是必需的。

虽然我知道图像映射存在解决方案，但它们看起来非常笨重且难以维护。例如，如果图像来自动态源怎么办？该来源是否还必须提供图像地图，然后有人必须事先创建？也许我要求的太多了，但如果有人对此有更优雅的解决方案，我将不胜感激。

感谢您的帮助！

Answer 1

我理解你的问题，但有两点我们无法摆脱。

1. 您的图片可能是动态加载的
2. 工具提示区域可以是点、框或基本上任何形状（绑定区域的一组坐标）

由于#2，只能使用图像映射。但是，如果您的工具提示区域仅限于点和框，那么您可以在不创建图像映射的情况下进行操作。这并不意味着图像源不必提供任何信息，因为这没有意义，它只是意味着源可以提供一个通用的 JSON 对象来讨论图像。一旦图像到达客户端，您可以调用您编写的函数以在图像顶部创建一个不可见的div，并根据您收到的数据，创建具有mouseenter() 绑定到的小div 区域他们。即使这样，它也与图像地图相差不远。

我想我想说的是，您不必将数据附加到您的图像并在该数据到达客户端后对其进行一些处理。这是因为您正在使用这样一个不受限制的图像环境，该环境可以呈现任何形状，而您的区域呈现任何形状。

我不确定这是否能以任何方式回答您的问题，但通常优雅来自于利用限制，在这种情况下，我们几乎无能为力。