Форум программистов
 
Регистрация на форуме тут, о проблемах пишите сюда - alarforum@yandex.ru, проверяйте папку спам! Обязательно пройдите активизацию e-mail, а тут можно восстановить пароль

Купить рекламу на форуме 15-35 тыс рублей в месяц

Вернуться   Форум программистов > Web программирование > Общие вопросы Web
Регистрация

Восстановить пароль
Повторная активизация e-mail


Оплата за обучение в Kata Academy только после твоего трудоустройства в IT, начни карьеру Middle Java-разработчика


Ответ
 
Опции темы Поиск в этой теме
Старый 11.01.2022, 06:24   #1
grominfo
Форумчанин
 
Аватар для grominfo
 
Регистрация: 30.05.2011
Сообщений: 651
По умолчанию Интерактивное изображение/схема

Здравствуйте!

Мне нужен совет. Есть определенная схема, как на картинке № 1. Пользователь наводит на какой-нибудь провод (картинка №2), этот провод подсвечивается, и, при клике на нем, идет аякс-запрос по заранее указанным критериям, которые соответствуют конкретному кабелю на схеме. По запросам на сервер у меня вопросов нет, совет нужен в другом.

Каким образом можно реализовать данный интерактив, чтобы, наводя на определенную часть картинки, я мог программно получить информацию о месте наведения? Ну то есть все data-данные, которые я заранее вобью либо в верстку, либо программно.

Я просто никогда подобным не занимался. На ум приходит банальная верстка, то есть:
1.Распустить картинку-схему на составляющие
2. Сверстать эту схему на странице (HTML5&CSS3)
3. Задать нужным элементам схемы необходимые data-атрибуты и события
4. Ну и дальше обрабатывать их так, как мне надо.

НО!

Может есть какой-нибудь другой способ, о котором я не знаю, и который более продвинутый.

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

Буду рад любому совету. Просто совету, ничего более. Спасибо!
Изображения
Тип файла: jpg 2022-01-10_23-07-20.jpg (66.7 Кб, 0 просмотров)
Тип файла: jpg 2022-01-10_23-07-49.jpg (74.0 Кб, 0 просмотров)
Создание, программирование и сопровождение сайтов любой сложности.
Изготовление программ на заказ.
Список услуг и портфолио на сайте www.andreygrom.ru
grominfo вне форума Ответить с цитированием
Ответ
Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Интерактивное изображение Mellamory Помощь студентам 8 07.01.2016 18:12
Интерактивное (мышкой) перезаполнение DataGridView dim3740 C# (си шарп) 5 27.04.2014 11:20
Интерактивное докозательство теоремы пифагора Махмуд_Джигит Помощь студентам 1 20.02.2012 10:01
Интерактивное видео crazy horse Свободное общение 0 02.06.2008 10:28

Реклама для незарегистрированных, регистрация на форуме