用javascript或jQuery製作圖像地圖嗎？

Question

我有要求，可以選擇一個圓形劇場座位的圖像地圖，很像一個複選框，有3個狀態：選中，未選中和禁用。我想知道是否有辦法做到這一點，使選定的圖像將成爲序列化數據庫提交？

我有隻複選框的工作，但我不能使用他們的客戶（他們喜歡漂亮的東西：P）

Answer 1

你爲什麼不只是使用jQuery UI的按鈕？

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

這也許應該幫助你，你不必重新編寫任何東西。

Answer 2

查看我的jquery插件ImageMapster。它的確如此：允許您識別應突出顯示並可保持狀態的圖像映射區域。有很多的用於渲染的亮點，包括使用第二圖像作爲源爲突出顯示的區域，以及用於識別要在一定的狀態下被忽略或固定區域的選項。在該鏈路上的美國地圖示例：

• 華盛頓州被永久選擇&並不 鼠標懸停事件
• 俄勒岡州被永久取消&不響應 到鼠標懸停事件做出響應（這是就好像它不是地圖的一部分 - 但可以隨時更改選項，因此可能有原因導致 包括地圖中的區域但將其關閉）。
• 阿拉斯加是不可選擇 （但響應鼠標懸停事件）

你也可以指定確定每個區域的亮點應該出現在每個區域基礎上的選項。

完整文檔在github。

如果您使用「替代圖像」選項的亮點，您只需要一個備用圖片，插件吸引了來自第2個圖像創建每個亮點的同一區域的內容。

它適用於任何HTML圖像地圖作爲數據源。