Одним людям идут их недостатки, а другим даже достоинства не к лицу (Ларошфуко).

JavaScript – Карта изображений

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (1 оценок, среднее: 5,00 из 5)
Загрузка...
JavaScript - Карта изображений
Вы можете использовать JavaScript для создания на стороне клиента карты изображения. Карты изображения на стороне клиента включены в атрибут usemap для тега <img /> и определяется специальными тегами расширения <map> и <area>.

Изображение, которое будет формировать карту вставляется в страницу с помощью элемента <img /> как обычно, за исключением того, что она несет в себе дополнительный атрибут usemap. Значение атрибута usemap является значением атрибута имени на элементе <map>, который вы собираетесь встретить, перед которым стоит знак фунта или хэша.

Элемент <map> фактически создает карту для изображения и обычно следует непосредственно после элемента <img />. Он выступает в качестве контейнера для элемента <area />, которые фактически определяет гиперобъекты. Элемент <map> несет только один атрибут, это атрибут name, который является именем, которое идентифицирует карту. Это как элемент <img />, какой элемент <карты> надо использовать.

<area> определяет форму и координаты, определяющие границы каждого гиперобъекта.

Следующий код объединяет JavaScript и сенсорное изображение для получения сообщения в текстовом поле, когда мышь перемещается по различным частям изображения.

 

JavaScript - Карта изображений

Читайте также

Добавить комментарий

Войти с помощью: 

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Простая логическая игра "Поймай кота". Задача игры окружить кота точками так, чтобы он не смог убежать с поля. Постигла неудача - начни игру снова!

Заполните форму и наш менеджер перезвонит Вам в самое ближайшее время!

badge
Обратный звонок 1
Отправить
galka

Спасибо! Ваша заявка принята

close
galka

Спасибо! Ваша заявка принята

close