Добавление активных горячих точек к изображениям

Карта ссылок позволяет назначить URL-адреса определённым областям, называемым гиперобъектами, на рисунке в документе. Карта ссылок - это группа из одного или нескольких гиперобъектов.

Можно нарисовать гиперобъекты трёх типов: прямоугольники, эллипсы и многоугольники. При щелчке гиперобъекта в окне браузера или указанной пользователем рамке открывается URL. Также можно задать текст, который будет появляться при наведении указателя мыши на гиперобъект.

Чтобы добавить гиперобъект к изображению

  1. Установите курсор в то место документа, куда необходимо поместить карту ссылок.

  2. Выберите Вставка - Изображение - Из файла, выберите и вставьте растровое изображение.

  3. With the image selected, choose Tools - ImageMap to open the ImageMap Editor, which displays the selected image and contains the hotspot editing tools.

  4. Чтобы нарисовать фигуру гиперобъекта, например, прямоугольник, вокруг изображения в фоне, используйте значки редактора карты ссылок.

    Можно просмотреть подробные всплывающие подсказки по функциям каждого значка, если включить дополнительные подсказки, выбрав команду - LibreOfficeDev - Общие.

  5. Введите "адрес" URL, который будет отображаться в веб-браузере при щелчке гиперобъекта.

  6. При желании можно ввести "текст", который будет отображаться как подсказка при наведении курсора мыши на гиперобъект.

  7. Нажмите кнопку "Применить", чтобы применить изменения и закрыть редактор карты ссылок.

  8. Сохраните документ в формате LibreOfficeDev или HTML.

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

Сенсорное изображение

Сенсорное изображение — это графический объект или врезка, позволяющий переходить по карте ссылок. При нажатии на заданные области изображения или врезки осуществляется переход по адресу (URL), связанному с этой областью. Области ссылок, привязанные к ним URL-адреса и всплывающие при наведении курсора мыши подсказки определяются в редакторе сенсорного изображения.

Существует два типа сенсорных изображений. Клиентское сенсорное изображение обрабатывается на компьютере пользователя, который загрузил изображение из Интернета. Серверное сенсорное изображение обрабатывается на сервере, который предоставил доступ к HTML-странице. При использовании серверного метода щелчок по изображению отправляет относительные координаты курсора на сервер, где их обрабатывает специальная программа. При использовании клиентского метода щелчок по активной области изображения осуществляет переход по URL-адресу, как при переходе по обычной текстовой ссылке. При наведении указателя мыши на такую область адрес ссылки отображается под указателем.

Поскольку сенсорные изображения могут использоваться различным образом, то и храниться могут в разных форматах.

Форматы сенсорного изображения

Сенсорные изображения делятся на обрабатываемые на стороне сервера (хостинга веб-сайта) и на стороне браузера пользователя.

Серверные сенсорные изображения

Серверные сенсорные изображения отображаются в виде обычного изображения или фрейма на странице. Щелчок по такому элементу отправляет на сервер относительные координаты указателя мыши. С помощью специальной программы сервер определяет выполняемое действие. Существует несколько несовместимых между собой методов осуществления этого процесса, из которых наиболее распространены два:

LibreOfficeDev позволяет создавать сенсорные изображения обоих типов. Выберите нужный формат в списке Тип файла диалогового окна Сохранить как в Редакторе сенсорного изображения. В результате создаются отдельные файлы сенсорного изображения, которые необходимо загрузить на сервер. Необходимо уточнить у провайдера или системного администратора тип поддерживаемых сенсорных изображений и способ получения доступа к программе их обработки.

Клиентское сенсорное изображение

Реагирующие на щелчок области картинки или врезки определяются по появлению связанного с ними URL-адреса при наведении указателя мыши. Данные сенсорного изображения хранятся в слое под картинкой и содержат информацию об активных областях. Единственным недостатком клиентских сенсорных изображений является их несовместимость с устаревшими веб-браузерами; однако со временем эта проблема решится сама собой.

При сохранении сенсорного изображения выберите тип файла SIP - StarView ImageMap. В этом случае сенсорное изображение сохраняется непосредственно в формате, который можно применить к любому активному изображению или врезке в документе. Однако, если сенсорное изображение предполагается использовать только для текущей картинки или врезки, то сохранять его в специальном формате не обязательно. После определения активных областей просто нажмите Применить. Никаких дополнительных действий не требуется. Клиентские сенсорные изображения, сохраненные в формате HTML, помещаются на страницу напрямую в виде HTML-кода.

Пожалуйста, поддержите нас!

Пожалуйста, поддержите нас!