Навигационная карта в HTML - Форум
Включить музыку | Суббота, 10 Дек 2016, 4.10.46| Главная | Регистрация | Вход
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Страница 1 из 11
Архив - только для чтения
Форум » Корзина » Архив » Шпаргалка и скрипты » Навигационная карта в HTML
Навигационная карта в HTML
oleffДата: Среда, 09 Июн 2010, 11.49.46 | Сообщение # 1
Майор
Группа: Проверенные
Город: Рига
На форуме с: 21 Дек 2008
Награды: 6
Сообщений: 70
< >
Статус:
~ Мои награды ~
На следующем изображении стопка красных фишек и единичная зеленая являются гиперссылками:

Code

<title>Навигационная карта в HTML</title>
</head>
<body>
<img src="http://ab-w.net/images/casino.jpg" width="300" height="200" usemap="#fishki" border="0" hspace="27" />
<map id="fishki" name="fishki">
<area shape="rect" coords="192,90,230,140" alt="Красные фишки" title="Красные фишки" href="http://allbest.ucoz.lv/" />
<area shape="circle" coords="275,147,18" alt="Зеленая фишка" title="Зеленая фишка" href="http://allbest.ucoz.lv/" />
</map>

В данном случае изображение представлено как система координат x и y , по оси x – 300 пикселей, по y – 200, начало – в точке 0. Мы решили зделать стопку красных фишек ссылкой, эта часть изображения по форме ближе к прямоугольнику, поэтому задаем координаты для прямоугольника. Нам нужно указать x1 , y1 , x2 , y2 , – откладываем по соответствующим направлениям приблизительное количество пикселей. Почему приблизительное? – Потому что трудно угадать координаты с первого раза. Закончили с красными фишками – переходим к зеленой, – oпределяем центр окружности и радиус , вот и все.


http://allbest.ucoz.lv
Файлы, конкурсы, топы, аукционы, достижения
 
oleffДата: Среда, 09 Июн 2010, 11.51.23 | Сообщение # 2
Майор
Группа: Проверенные
Город: Рига
На форуме с: 21 Дек 2008
Награды: 6
Сообщений: 70
< >
Статус:
~ Мои награды ~
Определение координат навигационной карты

Code

<a href="#">
<img ismap="ismap" src="../images/casino.jpg" width="300" height="200">
</a>

Ссылка используется, чтобы активировать курсор. Флажок ismap="ismap" внутри <img /> позволяет определить точное положение любой точки в пределах изображения.


http://allbest.ucoz.lv
Файлы, конкурсы, топы, аукционы, достижения
 
Форум » Корзина » Архив » Шпаргалка и скрипты » Навигационная карта в HTML
Страница 1 из 11
Поиск:
Последние сообщения на форуме
Посетители дня
Посетители:

В гостях у Белчонки © 2016