Я хочу добиться этого, но я не могу найти плагин, который поддерживает выделение серым цветом всего изображения, кроме области, находящейся в данный момент.
- Страница загружается и имеет полноцветную карту изображений.
- Пользователь наводит курсор мыши на карту изображений — при входе в карту изображений все изображение становится серым. Обратите внимание, что области карты не находятся рядом с краем изображения. Изображение, которое мне нужно использовать, представляет собой изображение типа блок-схемы/рабочего процесса.
- Пользователь продолжает наводить курсор мыши на одну из областей карты — эта область карты становится полноцветной, а остальная часть карты остается серой.
- Пользователь может щелкнуть наведенную цветную область изображения, чтобы перейти на новую страницу, объясняющую часть карты изображения, с которой он взаимодействовал.
Я могу делать карты изображений, я могу делать CSS, я могу немного делать jQuery, но я не могу заставить это работать. Помощь приветствуется!