Ссылки на картике или динамичная карта

20 views
Skip to first unread message

Mixa

unread,
Jan 20, 2008, 8:35:07 PM1/20/08
to Веб-мастер Клуб
Не раз видел карту - например, контуры страны, при наведении на
которую можно получиль подсветку отдельного региона и ссылку на
страницу региона. Как это реализовать кто-нибудь знает?

Andrew Fatman

unread,
Jan 21, 2008, 3:52:29 AM1/21/08
to HTML...@googlegroups.com

Mixa

unread,
Jan 22, 2008, 6:31:06 AM1/22/08
to Веб-мастер Клуб
Пасибо, попробую, но там выделения идут квадратиком, а я видел как
выделяются контуры региона, причем используется всего лишь одна
картинка для всей карты...

On 21 Січ, 10:52, "Andrew Fatman" <a.fat...@gmail.com> wrote:
> http://www.frankmanno.com/ideas/css-imagemap/http://www.alistapart.com/articles/imagemap/
>
> Это не подойдет?

Yantar

unread,
Jan 22, 2008, 6:33:38 AM1/22/08
to HTML...@googlegroups.com
Если найдете - отпишитесь, плиз.
А, кстати, где Вы это видели?

2008/1/22 Mixa <pet...@gmail.com>:

Andrew Fatman

unread,
Jan 22, 2008, 6:43:22 AM1/22/08
to HTML...@googlegroups.com
Мы такую карту делали на флэше, когда-то.

Александр

unread,
Jan 22, 2008, 7:10:34 AM1/22/08
to HTML...@googlegroups.com
Кстати, да.
Это можно сделать, только 3 способами:
1) Флэш
2) JS
3) Разрезать в формате PNG с поддержкой прозрачности и все ручками
сложить - как мозаику.

2008/1/22 Andrew Fatman <a.fa...@gmail.com>:

--
------------------------------------------
Со мной можно связаться:
email: ak...@phpcom.ru, beshk...@gmail.com
icq: 273433
jabber: beshk...@gmail.com

Andrew Fatman

unread,
Jan 22, 2008, 7:53:18 AM1/22/08
to HTML...@googlegroups.com
Можно сделать на html+css, но область на которую можно навести, все
равно, будет прямоугольной.

Le...@lena.kiev.ua

unread,
Jan 22, 2008, 7:23:12 AM1/22/08
to HTML...@googlegroups.com
> Это можно сделать, только 3 способами:
> 1) Флэш
> 2) JS
> 3) Разрезать в формате PNG с поддержкой прозрачности и все ручками
> сложить - как мозаику.

Ну разрезать, а дальше как менять без JS?

Можно менять всю картинку (всю карту) целиком, по onMouseOver в ImageMap.
То, что границы (при пересечении которых мышкой картинка меняется)
на самом деле многоугольники, пользователь вряд ли заметит,
ведь визуально появляются области с криволинейными границами
(_примерно_ такие же, как многоугольники).

mxc...@gmail.com

unread,
Jan 30, 2008, 12:12:11 AM1/30/08
to Веб-мастер Клуб
http://www.cssplay.co.uk/menu/imap

там три самых распространенных варианта image maps (html+css). Все
достаточно просто описано
Reply all
Reply to author
Forward
0 new messages