Добрый день!
Возникла задача: создать карту Европы, при наведении на отдельно взятое государство, оно выделяется ярким цветом. Обычным табличным способом не порезать, нужно искать альтернативу. Наверное, используются координаты.
Вопрос к обществу: как эта технология называется?
Хотел бы правильно сформировать запрос в поисковике.
[/quote]Originally posted by Sulpher@Jun 30 2007, 06:59
Добрый день!
Возникла задача: создать карту Европы, при наведении на отдельно взятое государство, оно выделяется ярким цветом. Обычным табличным способом не порезать, нужно искать альтернативу. Наверное, используются координаты.
Вопрос к обществу: как эта технология называется?
Хотел бы правильно сформировать запрос в поисковике.
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
Image maps (Навигационная карта). Прочитать о ней можно, например, здесь:
[Только зарегистрированные пользователи могут видеть ссылки. ]
Первоисточник:
[Только зарегистрированные пользователи могут видеть ссылки. ]
Но чтоб государство выделялось ярким цветом, придётся нарезать ГИФов, соответсвующих странам (с прозрачной областью между границей страны и границей ГИФа), спозиционировать их точка-в-точку с их местом на карте, и ЯваСкриптом делать их видимыми при наведении -- и снова прятать при уводе мыши.
Хотя слышая я краем уха, что даже можно обойтись без js -- отображать и прятать ГИФы с помощью CSS.
сделайте на флэше. так - проще всего.
дело в том, что если гифами, то для каждой страны надо будет определять ссылку на картинке (тег <MAP>) очень, очень неправильной формы.
1. В офисах как раз все увидят — доступность флэша давно не проблема: с той же вероятностью можно ожидать отключения (или отсутствия) JS или CSS. Впрочем это конечно аргумент, хоть и слабый. Автору надо иметь это ввиду.Originally posted by itstep@Jun 30 2007, 11:26
[b]1. Флеш не все увидят (особенно в офисах!)
2. Флеш тяжелее
3. Флеш не отредактировать после (а ведь придётся!)
2. Чепуха. Такой флэш, как хочет автор темы, будет легче, чем растровые картинки. Возможно даже на порядок. Просто попробуйте его сделать и сами увидите
3. Это почему это?! Исходник fla мы, из соображений секретности, удалим сразу после компановки swf?!)
Как раз сейчас правим дизайн стартовой страницы -- флеши выдираем. Так вот флеш рамером 238х256 px с фото и бегущей строкой внизу весит 78 кило.Originally posted by null+Jun 30 2007, 07:34-->Админы в офисах склонны отключать ActiveX (и это правильно, товарищи!) -- тут под раздачу и попадают флеши.1. В офисах как раз все увидят — доступность флэша давно не проблема: с той же вероятностью можно ожидать отключения (или отсутствия) JS или CSS.
Кстати, как отключается CSS?
<!--QuoteBegin-null@Jun 30 2007, 07:34
[b]2. Чепуха. Такой флэш, как хочет автор темы, будет легче, чем растровые картинки. Возможно даже на порядок. Просто попробуйте его сделать и сами увидите
Карту субъектов Российской Федерации 720х400 ребята с радиопортал.ру уместили в 30 кило.
А он куда-нибудь денется со временем. Вслед за навсегда ушедшим дизайнером, за упавшим диском, при переезде... да мало ли. туда же, куда исчезают установочные диски, бумажные инструкции.Originally posted by null@Jun 30 2007, 07:34
[b]Это почему это?! Исходник fla мы, из соображений секретности, удалим сразу после компановки swf?!
У меня на одном из сайтов наших клиентов есть труп флеша -- заставка, сделанная сторонним дизайнером. Сейчас её перерисовывают заново
Обвести полигонами. При хорошем настроении за пару часов карта Европы обводится без проблем, если есть Фотошоп.Originally posted by null@Jun 30 2007, 07:23
[b]дело в том, что если гифами, то для каждой страны надо будет определять ссылку на картинке (тег <MAP>) очень, очень неправильной формы.
Originally posted by itstep+Jun 30 2007, 11:42-->Впервые слышу. Может на Украине...Админы в офисах склонны отключать ActiveX (и это правильно, товарищи!) -- тут под раздачу и попадают флеши.
Тут никто ничего не отключает. Просто обновляют браузеры и ставят антифирус.
Вы уверено сравниваете черти что, с тем, что не подходит автору темы.Originally posted by itstep@Jun 30 2007, 11:42
[b]Как раз сейчас правим дизайн стартовой страницы -- флеши выдираем. Так вот флеш рамером 238х256 px с фото и бегущей строкой внизу весит 78 кило.*
Карту субъектов Российской Федерации 720х400 ребята с радиопортал.ру уместили* в 30 кило.
Архивированные кривые по определению будут весить меньше, чем растровая картинка (пусть и гиф). И какая нафик фотка в векторной карте?.. Мда...
<!--QuoteBegin-itstep@Jun 30 2007, 11:42
[b]А он куда-нибудь денется со временем. Вслед за навсегда ушедшим дизайнером, за упавшим диском, при переезде... да мало ли. туда же, куда исчезают установочные диски, бумажные инструкции.
Вам просто нравится спорить, да?
делай флешем. тем более возможно найдешь уже готовую. для сайтов с подобными фичами использование флеша является стандартом. и если пользователь хочет увидеть на сайте такую карту, то он или ставит флеш, или выбирает страну из выпадающего списка ))Добрый день!
Возникла задача: создать карту Европы, при наведении на отдельно взятое государство, оно выделяется ярким цветом. Обычным табличным способом не порезать, нужно искать альтернативу. Наверное, используются координаты.
Вопрос к обществу: как эта технология называется?
Хотел бы правильно сформировать запрос в поисковике.
делать картой изображений врагу не пожелаю. хотя если у тебя много энтузиазма и свободного времени или на работе очень скушно и нечего делать, можешь попробовать хотя бы начать )))
не обобщай плз )))Впервые слышу. Может на Украине...
itstep, какими полигонами?
Надо написать содержимое тега <AREA> циферками. Думаю для этого есть визуальные средства, но это никак не фотошоп...
ps: Вижу этой темой Вы тоже владеете в совершенстве...
"Просто здравый смысл и жизненная опытность" (с)Originally posted by null+Jun 30 2007, 08:07-->Я с этим постоянно сталкиваюсь в Москве.Впервые слышу. Может на Украине...
Только в Санкт-Петербурге я столкнулся с хостером, отключившим .htaccessOriginally posted by null@Jun 30 2007, 08:07
[b]Тут никто ничего не отключает.
Возможно. Уверенно говорить можно после сравнения двух реализаций одной задачи.Originally posted by null@Jun 30 2007, 08:07
[b]Вы уверено сравниваете черти что,
<!--QuoteBegin-null@Jun 30 2007, 08:07
[b]Вам просто нравится спорить, да?
конечно можно. одна реализация является оптимальной, а вторая - нетВозможно. Уверенно говорить можно после сравнения двух реализаций одной задачи.
Originally posted by null@Jun 30 2007, 08:11
[b]itstep, какими полигонами?*Код:<area shape *="poly"Для навигационной карты даже Вашего ума хватитOriginally posted by null+Jun 30 2007, 08:11-->Включаете панель info, настраиваете показ координат в точках -- и записфываете кординаты точего полигона.Думаю для этого есть визуальные средства, но это никак не фотошоп...
<!--QuoteBegin-null@Jun 30 2007, 08:11
[b]ps: Вижу этой темой Вы тоже владеете в совершенстве...
Спасибо за доверие.Originally posted by itstep+Jun 30 2007, 12:17-->Включаете панель info, настраиваете показ координат в точках -- и записфываете кординаты точего полигона.
Ну до такого вот идиотства я конечно не додумался. Да. Действительно могила рабочего времени...
<!--QuoteBegin-itstep@Jun 30 2007, 12:17
[b]Для навигационной карты даже Вашего ума хватит
ps: Ваша низкая квалификация в сочетании с напором и уверенностью в своей правоте меня умиляют
пишем простенький скриптик на яваскрипте, с помощью которого процесс ввода вершин каждого полигона можно существенно упростить - суть следующая: прямо на картинке клацаем на вершины (на глаз), а скрипт геренирует соответствующий хтмл-код, который потом можно вставить в нашу страницу. этот скрипт строчек на 10, затем просто наклацать точки... и вплотную заняться вырезанием джифок в фотошопе для каждой страны *лол*
...Но переписывать координаты со статусбара в фотошопе......... альт-таб, запомнили точку, альт-таб записали, альт-таб запомнили......... несколько сотен точек... вот так вот издеваются в ШАГе над бедными студентами
[/quote]Originally posted by Scorched.dn.ua@Jun 30 2007, 08:52
пишем простенький скриптик на яваскрипте, с помощью которого процесс ввода вершин каждого полигона можно существенно упростить - суть следующая: прямо на картинке клацаем на вершины (на глаз), а скрипт геренирует соответствующий хтмл-код, который потом можно вставить в нашу страницу. этот скрипт строчек на 10, затем просто наклацать точки... и вплотную заняться вырезанием джифок в фотошопе для каждой страны *лол*
...Но переписывать координаты со статусбара в фотошопе......... альт-таб, запомнили точку, альт-таб записали, альт-таб запомнили......... несколько сотен точек... вот так вот издеваются в ШАГе над бедными студентами*
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
Я даю рекомендацию человеку, который задал вопрос. Его уровень ЯваСкрипта мне неизвестен, поэтотому я предлагаю заведомо доступный ему способ.
Один из принципов ШАГа -- не давать красивых и бесполезных советов.
offtopic: Пойду приму галоперидольчик...
прекратите нести чушь. про accessabiltiy слышали что-нить? и про нерекомендуемые тэги?
+1Originally posted by itstep+Jun 30 2007, 09:22-->только применяя псевдокласс :hover и иже с ним. событие onClick отсутствует, как таковое.Хотя слышая я краем уха, что даже можно обойтись без js -- отображать и прятать ГИФы с помощью CSS.
самое оптимальное решение.Originally posted by null@Jun 30 2007, 09:23
[b]сделайте на флэше. так - проще всего.
Originally posted by itstep@Jun 30 2007, 09:26
[b]Возражения:
1. Флеш не все увидят (особенно в офисах!)
2. Флеш тяжелее
3. Флеш не отредактировать после (а ведь придётся!)складывается ощущение, что вы живете в конце 90х. здесь же не предлагают применение SVG, технологии, которая мало распространена.Originally posted by itstep@Jun 30 2007, 09:26
[b]Админы в офисах склонны отключать ActiveX (и это правильно, товарищи!) -- тут под раздачу и попадают флеши.
ctrl+shift+s в FF при наличии WebDeveloper :biggrin2:Originally posted by itstep@Jun 30 2007, 09:42
[b]Кстати, как отключается CSS?
разве уже отменили декомпиляторы? здесь же не целый flash-сайт вскрывать.Originally posted by itstep@Jun 30 2007, 09:42
[b]А он куда-нибудь денется со временем. Вслед за навсегда ушедшим дизайнером, за упавшим диском, при переезде... да мало ли. туда же, куда исчезают установочные диски, бумажные инструкции.
это философский вопрос =))Originally posted by null@Jun 30 2007, 10:07
[b]Вам просто нравится спорить, да?
<!--QuoteBegin-null@Jun 30 2007, 10:22
[b]ps: Ваша низкая квалификация в сочетании с напором и уверенностью в своей правоте меня умиляют
[/quote]
Совершенно верно. Для этих целей есть ImageReady, который имеет специальные очень удобные встроенные средства для работы с навигационными картами (судя по предложению тупо пользоваться палитрой Info в шопе, об ImageReady itstep, видимо, не слышал). Другое дело, что навигационные карты на сегодняшний день – это ересь, как таковая. Конечно же флэш в данном случае – это самый оптимальный вариант.
Где-то год назад у меня была очень похожая задача. Нарисовать нужно было карту сша, эффект тот же самый. Пытаясь сделать это средствами хтмл\цсс я потратил не помню сколько, но не два и не три дня. В конце концов заказчик написал, что подсветка дб не резкая, а в течении секунды где-то, и я таки решился сделать флешем, хоть до того момента ВООБЩЕ им не пользовался. На всё про всё, включая изучение (
ЗЫ. флеш завесил почти в пять(!!!) раз меньше...
Ваши права
