![]() |
Модераторы: Illuminaty |
![]() ![]() ![]() |
|
vintyara |
|
|||
![]() Опытный ![]() ![]() Профиль Группа: Участник Сообщений: 491 Регистрация: 24.3.2005 Где: Ode$$a Репутация: 1 Всего: 2 |
Ребят, не могу никак придумать, как сверстать макет. Есть главная страница, на ней будет изображение. Изображение представляет собой такую форму -
![]() Смысл в том, что левая часть "инь яня" должна вести по одному адресу, правая - соответственно, по другому. Все это можно сделать прекрасно используя MAP и AREA, но... эта картинка не должна быть фиксированной. Она должна растягиваться по высоте монитора. Тут мап уже не поможет, координаты смещаются. Реально ли такое вообще сделать? Или делать только фиксированную высоту - ширину и накладывать карту? |
|||
|
||||
ksnk |
|
|||
![]() прохожий ![]() ![]() ![]() ![]() Профиль Группа: Комодератор Сообщений: 6855 Регистрация: 13.4.2007 Где: СПб Репутация: 48 Всего: 386 |
vintyara, Один вариант - сделать большой элемент input type='image'. Тогда при клике по нему на сервер прилетят еще и координаты клика, по которым при помощи уличной магии можно вычислить куда надо пере направить запрос.
Второй вариант - нарисовать эту картинку канвасом. Канвасом-же при клике определять цвет точки изображения и переходить... Если хочется еще и всплывающую подсказку над ссылкой иметь - придется мастерить динамически меняющийся под размер map. -------------------- Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! ![]() |
|||
|
||||
Wolf1994 |
|
|||
Эксперт ![]() ![]() ![]() Профиль Группа: Завсегдатай Сообщений: 1701 Регистрация: 5.10.2004 Репутация: 1 Всего: 29 |
+1:
Если картинку привязать к заднему фону элемента table, то можно, например с помощью JavaScript'а, создать подробную сетку из tr/td и назначить на каждую ячейку ссылку или onclick, отражающие цвет фрагмента. |
|||
|
||||
tarsukoff |
|
|||
![]() CEO Onecontent Профиль Группа: Участник Сообщений: 14 Регистрация: 5.2.2012 Где: Samara Репутация: нет Всего: нет |
А почему бы не разрезать её на два png и свести используя z-index ?
|
|||
|
||||
vintyara |
|
|||
![]() Опытный ![]() ![]() Профиль Группа: Участник Сообщений: 491 Регистрация: 24.3.2005 Где: Ode$$a Репутация: 1 Всего: 2 |
дык все равно одна из низ будет же перекрывать другую частично! |
|||
|
||||
![]() ![]() ![]() |
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей) | |
0 Пользователей: | |
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема » |
|
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности Powered by Invision Power Board(R) 1.3 © 2003 IPS, Inc. |