Область клика неправильной формы (Image map)

Область клика неправильной формы в Adobe Muse

В этом видео мы рассмотрим виджет Adobe Muse, который позволяет создавать области клика любой сложной формы на изображениях размещаемых на сайте в Adobe Muse (Image map – карта изображения). Каждая такая область клика на изображении, может иметь собственный url адрес, или другую функцию, срабатывающую при клике, например открывающийся стандартный лайтбокс программы, созданный из виджетов раздела Композиции.

Посмотреть и скачать виджет: Image Map Master

Область клика. Основная идея.

На главном изображении, при помощи специального генератора, создаются контуры таких областей клика, каждая область имеет свои координаты и очертания любой заданной формы. При наведении курсора на данную область – она становится активной. Данные координаты вводятся в настройках виджета Image Map Master, который и используется для создания данной функции на сайте в Adobe Muse.

Область клика. Возможные действия при клике область:

  • Переход по ссылке.
  • Открытие лайтбокса.
  • Вызов собстенной javascript-функции (для продвинутых пользвателей, разработчиков).

Область клика. Где использовать?

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

Всего можно создать 10-ть кликабельных областей на одном изображении при использовании одного виджета. Виджет можно использовать много раз на одной странице сайте.  Работает в гибком макете с точками остановки и в макете с постоянной шириной.

Смотрите другие видеоуроки на канале, оставайтесь на связи.

 

Автор видеоурока
Дмитрий Шаповалов.

Оставьте комментарий

Подтвердите, что Вы не бот — выберите самый большой кружок: