Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Динамическая карта для ссылки 
:(
    Опции темы
vintyara
Дата 30.6.2012, 12:56 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 491
Регистрация: 24.3.2005
Где: Ode$$a

Репутация: 1
Всего: 2



Ребят, не могу никак придумать, как сверстать макет. Есть главная страница, на ней будет изображение. Изображение представляет собой такую форму -

user posted image

Смысл в том, что левая часть "инь яня" должна вести по одному адресу, правая - соответственно, по другому.

Все это можно сделать прекрасно используя MAP и AREA, но... эта картинка не должна быть фиксированной. Она должна растягиваться по высоте монитора. Тут мап уже не поможет, координаты смещаются. Реально ли такое вообще сделать? Или делать только фиксированную высоту - ширину и накладывать карту?
PM MAIL ICQ   Вверх
ksnk
Дата 30.6.2012, 13:47 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прохожий
****


Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 48
Всего: 386



vintyara, Один вариант - сделать большой элемент input type='image'. Тогда при клике по нему на сервер прилетят еще и координаты клика, по которым при помощи уличной магии можно вычислить куда надо пере направить запрос.

Второй вариант - нарисовать эту картинку канвасом. Канвасом-же при клике определять цвет точки изображения и переходить... 

Если хочется еще и всплывающую подсказку над ссылкой иметь - придется мастерить динамически меняющийся под размер map.


--------------------
Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image
PM MAIL WWW Skype   Вверх
Wolf1994
Дата 30.6.2012, 13:53 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Завсегдатай
Сообщений: 1701
Регистрация: 5.10.2004

Репутация: 1
Всего: 29



+1:

Если картинку привязать к заднему фону элемента table, то можно, например с помощью JavaScript'а, создать подробную сетку из tr/td и назначить на каждую ячейку ссылку или onclick, отражающие цвет фрагмента.
PM MAIL WWW   Вверх
tarsukoff
Дата 30.6.2012, 22:06 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


CEO Onecontent



Профиль
Группа: Участник
Сообщений: 14
Регистрация: 5.2.2012
Где: Samara

Репутация: нет
Всего: нет



А почему бы не разрезать её на два png и свести используя z-index ? 
PM MAIL WWW ICQ Skype   Вверх
vintyara
Дата 30.6.2012, 23:38 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 491
Регистрация: 24.3.2005
Где: Ode$$a

Репутация: 1
Всего: 2



Цитата(tarsukoff @ 30.6.2012,  22:06)
А почему бы не разрезать её на два png и свести используя z-index ?

дык все равно одна из низ будет же перекрывать другую частично!
PM MAIL ICQ   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0677 ]   [ Использовано запросов: 20 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.