如何创建具有“可缓存”区域的图像，这些区域在jQuery或HTML5中显示其他信息
我正在尝试创建一些我觉得在jQuery或HTML5中应该很简单的东西，但我很难找到它的资源。 如果有人可以提供帮助，我们将不胜感激。
目标 – 我有一个单独的图像，其中16个部分是可以收集的。 此图像的其他部分完全是静态的。 如果用户hover在其中一个预定义区域上，我希望在图像上弹出缩略图和标题。 这是一个静态页面，没有内容需要是动态的。
现在整个图像都是PNG，但它是从矢量图像中保存出来的，所以如果愿意的话我可以将区域转换为SVG。 理想情况下，我可以将其保留为单个图像，因为这对于更广泛的项目非常有用。
我在HTML5或jQuery中做得很好。
这方面的解决方案是否已存在？ 我觉得它必须。 还有其他问题吗？
我已经意识到这一点，并计划使用类似的东西作为备份计划 – http://www.gethifi.com/blog/jquery-vs-flash-for-interactive-map
像这样的东西？ 另存为.html文件示例。
test test2 test3 test4 
您可以将图像分成16个单独的图像，并使用更传统的技术进行徘徊。 如果这不可行，您也可以使用定义列表或带有一些javascript的旧式MAP标记 来考虑这种技术 。