Года работы над искусственным интеллектом достаточно, чтобы заставить поверить в бога. (Алан.Дж.Перлис)

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