Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.62/13: Рейтинг темы: голосов - 13, средняя оценка - 4.62
1 / 1 / 0
Регистрация: 23.04.2014
Сообщений: 47

Какая функция реализует деление рисунка на части и всплывающее окно при наведении на часть рисунка

27.04.2014, 13:59. Показов 2599. Ответов 7
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Добрый день, уважаемые.

Какая функция реализует деление рисунка на части и всплывающее окно при наведении на часть рисунка.

Т.е. например есть картинка не знаю стадиона. он делится на секторы. Когда наводишь на определнный сектор всплывает такое сообщение мол "это сектор В" и т.д.

Надеюсь я понятно объяснил.

Если у кого то есть пример такой картинки, то вообще отлично.

А так меня интересует какая функция и как реализуется.

СпасибО!
0
Лучшие ответы (1)
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
27.04.2014, 13:59
Ответы с готовыми решениями:

Всплывающее окно при наведении курсора
Как реализовать, чтобы при наведении курсора на иконку в трее всплывало окно с какой-либо информацией? Добавлено через 15 минут ...

Всплывающее окно при наведении на объект
Всем привет, Как сделать так, чтобы в Visual С++ при наведении на объект вылазило всплывающее окно с подсказкой что делать? ...

Пиксели рисунка закодированы числами в виде матрицы. Выполнить отражение рисунка сверху вниз
Пиксели рисунка закодированы числами (обозначающими цвет)в виде матрицы,содержащей N строк и M столбцов.Выполните отражение рисунка сверху...

7
 Аватар для Vladislav WebDev
327 / 217 / 97
Регистрация: 04.11.2012
Сообщений: 638
27.04.2014, 14:06
naa17, думаю, тег map вам подойдет. http://www.puzzleweb.ru/html/tag_map.php
1
 Аватар для -ReSideNT-
14 / 14 / 8
Регистрация: 27.07.2012
Сообщений: 143
27.04.2014, 14:09
naa17, как вариант картинку можно поделить на области с помощью карты изображения

Тег <map> и для элементов <area> задать атрибут title..

Suby, Опередили меня =)
1
1 / 1 / 0
Регистрация: 23.04.2014
Сообщений: 47
27.04.2014, 14:11  [ТС]
с тэгом определился, а как сделать чтобы окно всплывало с надписью?
0
 Аватар для -ReSideNT-
14 / 14 / 8
Регистрация: 27.07.2012
Сообщений: 143
27.04.2014, 14:13
naa17,
Цитата Сообщение от -ReSideNT- Посмотреть сообщение
для элементов <area> задать атрибут title..
0
1 / 1 / 0
Регистрация: 23.04.2014
Сообщений: 47
27.04.2014, 14:17  [ТС]
Цитата Сообщение от -ReSideNT- Посмотреть сообщение
naa17,
Спасибо, понял. А что значат эти атрибуты? shape="rect" coords="3,2,55,47" href="#"

И как сделать чтобы несколько областей были активны? То есть такие сообщения вот также выходили?
0
 Аватар для -ReSideNT-
14 / 14 / 8
Регистрация: 27.07.2012
Сообщений: 143
27.04.2014, 14:24
Лучший ответ Сообщение было отмечено naa17 как решение

Решение

Цитата Сообщение от naa17 Посмотреть сообщение
shape
область которую ходите выделить (прямоугольник, круг, и многоугольник)

Цитата Сообщение от naa17 Посмотреть сообщение
coords
координаты на картинке

Советую воспользоваться онлайн сервисом для создания карты изображения
http://www.maschek.hu/imagemap

Там нужно загрузить картинку выделить нужные области, код будет создаваться автоматом, что очень ускорит процесс
1
1 / 1 / 0
Регистрация: 23.04.2014
Сообщений: 47
27.04.2014, 14:26  [ТС]
Цитата Сообщение от -ReSideNT- Посмотреть сообщение
область которую ходите выделить (прямоугольник, круг, и многоугольник)


координаты на картинке

Советую воспользоваться онлайн сервисом для создания карты изображения
http://www.maschek.hu/imagemap

Там нужно загрузить картинку выделить нужные области, код будет создаваться автоматом, что очень ускорит процесс
Огромное спасибо!
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
27.04.2014, 14:26
Помогаю со студенческими работами здесь

Ввод рисунка из файла *.bmp. Подсчет общего числа пикселей в строке,столбце матрицы рисунка...
На языке СИ++ написать программу,Выполняющую следующие операции: Ввод рисунка из файла *.bmp. Подсчет общего числа пикселей в...

При наведении на ссылку показать всплывающее окно
Вот такое как на рисунке?? Типо при наведении на ссылку всплывает окно) канешн это jquery. но как реализовано я не понимаю))

Всплывающее окно при наведении курсора на иконку
Как сделать всплывающее окно при наведении курсора на иконку в трее? Я сделала, чтоб оно всплывало, но чтоб обратно исчезало - нет. А...

Убрать всплывающее при наведении на элемент окно
Добрый день. У меня на сайте dle при наведении мышки на какой-либо из комментариев выскакивает вот такое пустое белое окно. Понятно что это...

Всплывающее окно - изображение при наведении мыши
Доброго всем времени суток! Нужно сделать всплывающее окно, появляющееся при наведении на картинку. Когда курсор с картинки...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
8
Ответ Создать тему
Новые блоги и статьи
Камера Toupcam IUA500KMA
Eddy_Em 12.02.2026
Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу
zbw 12.02.2026
И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.
«Знание-Сила»
zbw 12.02.2026
«Знание-Сила» «Время-Деньги» «Деньги -Пуля»
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 12.02.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 11.02.2026
Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image
8Observer8 10.02.2026
Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .
Установка Qt-версии Lazarus IDE в Debian Trixie Xfce
volvo 10.02.2026
В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .
SDL3 для Web (WebAssembly): Работа со звуком через SDL3_mixer
8Observer8 08.02.2026
Содержание блога Пошагово создадим проект для загрузки звукового файла и воспроизведения звука с помощью библиотеки SDL3_mixer. Звук будет воспроизводиться по клику мышки по холсту на Desktop и по. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru