Показано с 1 по 5 из 5

Тема: Ссылками служат разные части картинки

  1. #1
    Гуру Аватар для lessi
    Регистрация
    14.09.2005
    Адрес
    Западная Сибирь, Омск
    Сообщений
    1,163
    Записей в блоге
    24
    Спасибо
    я - 75; мне - 66

    Ссылками служат разные части картинки

    Делаю ссылки с разных частей картинки, т.е. навигационную карту.


    <div align="center"><img src="first.gif" usemap="#karta1" align="center" hspace="5" vspace="5"border="1" alt="Первое фото"></a></div>
    <map name="karta1">
    <area href="first_1.html" shape="poly" coords="0,0,182,22,170,171,0,147">
    <area href="first_2.html" shape="poly" coords="156,0,262,0,416,192,177,192">
    <area href="first_3.html" shape="poly" coords="1604,231,2396,176,2458,728,1656,774">
    <area href="first_4.html" shape="poly" coords="2523,216,3330,327,3288,885,2516,782">
    <area href="first_5.html" shape="poly" coords="0,717,644,686,692,1255,0,1269">
    </map>

    Первые две ссылки нормально работают, остальные не работают. Целый день бьюсь с этими ссылками, но не могу дать ума.
    Не пейте на работе по утрам крепкий кофе, а то не уснете до обеда! (с)

  2. #2
    Забанен
    Регистрация
    27.06.2008
    Сообщений
    3,820
    Спасибо
    я - 1,148; мне - 547
    Цитата Сообщение от lessi Посмотреть сообщение
    </a>
    ставить после завершения тега map не пробовала? Я давно не занималась html, но вот открывающего тега <a> я не вижу.

    вообще посмотрела несколько примеров (не помню же) - тег <a> нигде не используется при создании таких карт.
    пример

    COORDS

    Координаты в пикселах описываемой области. Для прямоугольника это четыре координаты левого верхнего и правого нижнего углов, для круга - три координаты (две - центр круга, третья - радиус). Для многоугольника это описание каждого угла в двух координатах - соответственно число координат равно удвоенному количеству углов.

    Координаты считаются с нуля, поэтому для описания области 100 на 100 используется описание:

    <AREA COORDS="0,0,99,99" ...>

    HREF="url"

    Описание ссылки, действия по которой будут выполняться при щелчке мыши в заданной области.

    NOHREF

    Параметр, указывающий, что ссылка отсутствует для данного участка. По умолчанию, если не указан параметр HREF, то считается что действует параметр NOHREF. Также, для всех неописанных участков изображения считается, что используется параметр NOHREF.

    Если две описанных области накладываются друг на друга, то используется ссылка, принадлежащая первой из описанных областей.
    Последний раз редактировалось Хранитель кошачей мяты; 13.07.2012 в 16:43.

  3. #3
    Гуру Аватар для lessi
    Регистрация
    14.09.2005
    Адрес
    Западная Сибирь, Омск
    Сообщений
    1,163
    Записей в блоге
    24
    Спасибо
    я - 75; мне - 66
    Хранитель кошачей мяты, спасибо за ответ, разбираюсь на примере, вот токо не понятно, почему там указываются для прямоугольника только 4 координаты. Для прямоугольника надо указать: х1y1x2y2x3y3x4y4, т.е. восемь координат. Пытаюсь разобраться в чём дело.
    Не пейте на работе по утрам крепкий кофе, а то не уснете до обеда! (с)

  4. #4
    Забанен
    Регистрация
    27.06.2008
    Сообщений
    3,820
    Спасибо
    я - 1,148; мне - 547
    lessi, скорее всего для этой фигуры указываются только левый верхний и нижний правый угол.

  5. #5
    Гуру Аватар для lessi
    Регистрация
    14.09.2005
    Адрес
    Западная Сибирь, Омск
    Сообщений
    1,163
    Записей в блоге
    24
    Спасибо
    я - 75; мне - 66
    Хранитель кошачей мяты, всё получилось, стоило проанализировать координаты третьей и последующих частей. Ошиблась "немножко" 1604 - это вообще уходило за пределы всей картинки! Откуда я брала такие координаты не могу понять, только я со своими кривыми ручками могу сотворить такое!

    Но, спасибо тебе, меня твой пост заставил критически посмотреть на своё "творение".
    Не пейте на работе по утрам крепкий кофе, а то не уснете до обеда! (с)

Ваши права

  • Вы не можете создавать новые темы
  • Вы не можете отвечать в темах
  • Вы не можете прикреплять вложения
  • Вы не можете редактировать свои сообщения
  •