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

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

27.04.2014, 13:59. Показов 2627. Ответов 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
Ответ Создать тему
Новые блоги и статьи
My Business CRM
MaGz GoLd 16.04.2026
Всем привет, недавно возникла потребность создать CRM, для личных нужд. Собственно программа предоставляет из себя базу данных клиентов, в которой можно фиксировать звонки, стадии сделки, а также. . .
Знаешь почему 90% людей редко бывают счастливыми?
kumehtar 14.04.2026
Потому что они ждут. Ждут выходных, ждут отпуска, ждут удачного момента. . . а удачный момент так и не приходит.
Фиксация колонок в отчете СКД
Maks 14.04.2026
Фиксация колонок в СКД отчета типа Таблица. Задача: зафиксировать три левых колонки в отчете. Процедура ПриКомпоновкеРезультата(ДокументРезультат, ДанныеРасшифровки, СтандартнаяОбработка) / / . . .
Настройки VS Code
Loafer 13.04.2026
{ "cmake. configureOnOpen": false, "diffEditor. ignoreTrimWhitespace": true, "editor. guides. bracketPairs": "active", "extensions. ignoreRecommendations": true, . . .
Оптимизация кода на разграничение прав доступа к элементам формы
Maks 13.04.2026
Алгоритм из решения ниже реализован на нетиповом документе, разработанного в конфигурации КА2. Задачи, как таковой, поставлено не было, проделанное ниже исключительно моя инициатива. Было так:. . .
Контроль заполнения и очистка дат в зависимости от значения перечислений
Maks 12.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .
Архитектура слоя интернета для сервера-слоя.
Hrethgir 11.04.2026
В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .
Подстановка значения реквизита справочника в табличную часть документа
Maks 10.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача №1: при указании работ (справочник РаботыПоРемонтуСпецтехники),. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru