X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Помогите выбрать способ верстки
yura_mkh
yura_mkh
Topic Starter сообщение 21.10.2014, 21:28; Ответить: yura_mkh
Сообщение #1


У меня есть задача:
есть карта (картинка). На этом участке будут сажать деревья. Нужно потом будет сделать каждое дерево на карте кликабельным (ссылкой). Как правильно это сделать? Я думал, может сделать всю карту таблицей с маленькими ячейками и тогда в каждую ячейку ставить (если нужно) дерево и тогда делать ссылкой ячейку. Как такое делается вообще?
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Den1xxx
Den1xxx
сообщение 22.10.2014, 9:37; Ответить: Den1xxx
Сообщение #2


(yura_mkh @ 22.10.2014, 00:28) *
Лампочка Помогите выбрать способ верстки

У меня есть задача:
есть карта (картинка). На этом участке будут сажать деревья. Нужно потом будет сделать каждое дерево на карте кликабельным (ссылкой). Как правильно это сделать? Я думал, может сделать всю карту таблицей с маленькими ячейками и тогда в каждую ячейку ставить (если нужно) дерево и тогда делать ссылкой ячейку. Как такое делается вообще?

Самое простое — это карта изображений.
http://htmlbook.ru/html/map
Если не хочется делать вручную, бесплатный графический редактор gimp умеет это делать.
Можно и таблицей, порезав картинку на части — но есть недостаток: кликабельные части могут быть только прямоугольными.
И наиболее лучший вариант — svg, бесплатный редактор для него тоже есть: Inkscape
Минус — не поддерживается ИЕ 8 и ниже, и некоторыми мобильными, подробнее — http://caniuse.com/#feat=svg-html5
Это самый сложный вариант, но самый качественный — ибо вектор не теряет качества при увеличении.
А для старых браузеров можно сделать подложку с помощью яваскрипт или предупреждение, что их браузер не позволяет работать с svg
Можно ещё флешем или яваскриптом, но это ещё сложнее.
Хотя есть ещё яваскрипт-библиотека Рафаэль, возможно будет проще — http://raphaeljs.com/australia.html
Но она использует svg

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Помогите вспомнить рекламного бота Телеграм для обмена рекламой
0 Mixatraider 725 21.2.2024, 23:42
автор: Mixatraider
Открытая тема (нет новых ответов) Простой способ заработать на пиво за 5 минут
Халява для граждан РФ
17 MaxChemist 3146 15.9.2022, 17:42
автор: MaxChemist
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыРеволюционный способ монетизации прогонов/рассылок. Хватит быть нищим!
15 Suagaring 4660 1.8.2021, 20:06
автор: Ruby
Открытая тема (нет новых ответов) Помогите рещить проблему с монитором.
Почему низкое разрешение при подключении монитора через displayport?
0 Levels 1702 11.12.2020, 0:48
автор: Levels
Открытая тема (нет новых ответов) Помогите кто нибудь получить партнерку Росбанк!
7 heisenberg_mw 2340 7.8.2020, 9:28
автор: heisenberg_mw


 



RSS Текстовая версия Сейчас: 19.4.2024, 20:11
Дизайн