使用javascript或jQuery选择图像映射？

Question

我要求在圆形剧场中制作座位的图像地图，就像复选框一样，有3种状态：选中，未选中和禁用。我想知道是否有办法做到这一点，以便选定的图像将序列化为数据库提交？

我只使用复选框，但我不能将它们用于客户端（他们喜欢漂亮的东西：p）

Answer 1

查看我的jquery插件ImageMapster。它确实如此：允许您识别应突出显示并可以维持状态的图像映射区域。渲染高光有很多选项，包括使用第二个图像作为突出显示区域的源，以及识别在某个状态下应忽略或修复的区域。在该链接上的美国地图示例中：

• 华盛顿州被永久选中＆amp;没有回应 鼠标悬停事件
• 俄勒冈州被永久取消选择＆amp;没有回应 鼠标悬停事件（这就好像它不是地图的一部分 - 但是选项可以随时更改，因此可能有理由 包括地图中的区域，但将其关闭）。
• 阿拉斯加是不可选择的 （但确实响应鼠标悬停事件）

您还可以指定选项，以确定每个区域突出显示在每个区域的显示方式。

完整文档位于github。

如果您对高光使用“替代图像”选项，则只需要一个替代图像，插件从第二张图像的相同区域绘制内容以创建每个高光。

它适用于任何HTML图像映射作为数据源。

Answer 2

为什么不直接使用jquery UI按钮？

http://jqueryui.com/demos/button/#icons

这可能应该有所帮助，你不需要重新编码。