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

Question

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

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

谢谢你的帮助！

Answer 1

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

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

由于＃2，使用图像映射是不可能的。但是，如果您的工具提示区域仅限于点和框，则可以在不创建图像映射的情况下完成。这并不意味着图像源不必提供任何信息，因为这没有意义，它只是意味着源可以提供一个谈论图像的通用JSON对象。一旦图像到达客户端，您可以调用您编写的函数在图像上创建一个不可见的div，并根据您收到的数据创建具有{div的小mouseenter()个区域{1}}绑定他们。即便如此，图像地图也不是FAR。

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

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