Консультация № 67025
14.12.2006, 22:10
0.00 руб.
0 4 2
Здравствуйте эксперты!
Извините пожалуйстаесли не туда! Помогите не знаю как сделать. Нужно просто на HTML. У меня есть картинка ее надо замостить в страничку чтобы можно было на ней расставить точки при нажатии на которые будет переходить на страничку. Так как точек много то писать для каждой свою страничку не хочется. Эта страничка для всех точек имеет одинаковый шаблон на котором картинки и надписи которые должны быть разными в зависимости от точки.
Помогите пожалуйста срочно надо!
З.Ы. Огромное спасибо

Обсуждение

Неизвестный
15.12.2006, 03:20
общий
это ответ
Здравствуйте, Lucky[K]!
Это вообще я так понял называется графическая карта ссылок, я как-то писал стаью если что 4 выпуск журнала webdix.ru.
Вот сама статья (неполный вариант):
Разрабатывая структуру сайта, часто сталкиваешься с ситуацией, когда необходимо использовать для гиперссылки какой-то небольшой участок единой картинки, не нарушая его структуры, конечно можно разрезать картинку в каком-нибудь графическом редакторе, на необходимые части и занести их в фиксированный табличный дизайн, конечно – это выход.
Но вы не учли, что в таком случае:
- Вы затратите много времени на такую работу, не забывайте это очень сложно и кропотливо.
- На различных компьютерах такая структура может нарушиться и точный рисунок не отобразится в браузере, что очень сильно испортит впечатление от вашего сайта.
- А если вам нужно выделить в качестве гиперссылки, не прямоугольник, а другую область, как вы занесёте его в табличный дизайн?
- А что если прямоугольник настолько мал, что заносить его в таблицу просто глупость?
В общем, я не отговариваю вас от такого способа, у вас вполне всё может получиться, вот к примеру сайт RPG-игры http://gothic.ag.ru посмотрите на шапку этого сайта множество рисунков которые выглядят как единое целое и прекрасно соединяются в один рисунок.
Но для любой задачи можно найти альтернативный, более простой путь, в нашем случае – это IMAP или графическая карта ссылок. Как же использовать такую карту ссылок, разберём это по отдельным пунктам:
1. Добавляем дополнительный параметр usemap в тэг IMG, и присваиваем имя этому рисунку, например usemap=#karta.
2. Затем, можно далее, а можно и сразу после тэга IMG пишем контейнерный тэг MAP с параметром name, значение параметра – название нашего рисунка в данном случае name=karta, кстати не забывайте регист букв в названиях должны совпадать.
3.Внутри контейнера MAP вставляем тэг Area у этого тэга множество параметров, разберём самые распространенные.

Shape - форма выделения области гиперссылки, у этого параметра несколько известных мне значений: circle - круг в координатах указываются координаты центра и радиус, rect - прямоугольник указываются координаты верхнего левого и нижнего правого углов, poly - многоугольник указываются координаты всех углов.
Следующий праметр alt - действие аналогично, что и в тэге IMG, надпись появляющаяся при наведении на область.
coords - координаты x, y. У разных областей они указываются по разному. Координаты определённой точки в рисунке можно узать в простейшем графическом редакторе Paint в строке состояния. Также в этом параметре указывается радиус круга, при shape=circle.
href - адрес ссылки. Ну вот, вроде и всё, если какие-то параметры упустил, прошу пишите не Е-майл форума, всё исправлю
Графическую карту ссылок, можно использовать во многих ситуациях например, в логотипах, если честно всё зависит от вашего решения, так сказать от полёта дизайнерской мысли.
Неизвестный
15.12.2006, 08:31
общий
To ExactСпасибо это я сделал. А как теперь сделать чтобы они ссылались на одну и ту же страничку (ну чтобы вообще ссылались это понятно), но чтобы в зависимости от точки на этой страничке менялиськартинки и надписи. Чтобы не приходилось делать для каждой точки свою страничку. Скрипт там какой или что.Я в этом не силен так что если можно то поподробнее.Спаибо!
Неизвестный
15.12.2006, 10:21
общий
это ответ
Здравствуйте, Lucky[K]!

К сказанному могу добавить, что бы не заморачиваться с расчетами координат графики воспользуйтесь к примеру программами "HTML Map Designer" или "Map Edit"
. Создать карту рисунка любой сложности можно буквально за пару минут. Ссылок для загрузки к сожаления у меня нет, но если нужно могу скинуть проги почтой. Размеры до 500 Кб. Оставте только в личке свой алрес.

Успехов!
Неизвестный
15.12.2006, 11:06
общий
Здравствуйте!Для организации ссылок Вам нужно использовать, ну например php, если поддерживается хостером.Для каждой точки делаете ссылки типа:http://www.xxx.xxx/link.php?tochka=1...http://www.xxx.xxx/link.php?tochka=nИ создаете файл link.php, который и будет обрабатывать нажатие на любую точку:Файл link.php будет приблизительно следующего содержания:<?phpswitch ($_GET[‘tochka‘]){case 1: echo "текст, который надо вывести для точки 1"; break;case 2: echo "текст, который надо вывести для точки 2"; break;....case n: echo "текст, который надо вывести для точки n"; break;default: echo "Ошибка! Нет такой точки!";}?>
Форма ответа