Сделать карту изображений доступной для выбора с помощью javascript или jQuery?

Question

У меня есть требования, чтобы сделать карту мест в амфитеатре с возможностью выбора, как флажок, с тремя состояниями: выбранный, невыбранный и отключенный. Я хотел бы знать, есть ли способ сделать это, чтобы выбранные изображения стали сериализованными для отправки в базу данных?

У меня это работает только с флажками, но я не могу использовать их для клиента (им нравятся красивые вещи: p)

Answer 1

Проверьте мой плагин jquery ImageMapster .Это делает именно это: позволяет идентифицировать области карты изображения, которые должны быть выделены и могут поддерживать состояние.Существует множество вариантов рендеринга выделенных участков, включая использование второго изображения в качестве источника для выделенных областей, а также для определения областей, которые следует игнорировать или фиксировать в определенном состоянии.В примере карты США по этой ссылке:

• Штат Вашингтон выбран постоянно и не реагирует на события наведения мыши
• Штат Орегон не выбран и не реагирует на события наведения мыши (этоточно так же, как если бы он не был частью карты - но параметры могут быть изменены на лету, поэтому могут быть причины для включения областей на карту, но отключить их).
• Аляска не выбирается (но реагирует насобытия при наведении курсора мыши)

Вы также можете назначить параметры, определяющие, как должны выделяться выделенные области для каждой области.

Полная документация находится на github .

Вам понадобится только одно альтернативное изображение, если вы используете опцию «альтернативное изображение» для бликов, плагин рисует содержимое из той же области 2-го изображения, чтобы создать каждое выделение.

Работает с любой картой изображений HTML в качестве источника данных.

Answer 2

Почему бы вам просто не использовать кнопки пользовательского интерфейса jquery?

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

Это, вероятно, должно помочь, и вам не нужно ничего перекодировать.