Реализовать карту сайта на основе изображения

Updown
На сайте с 24.07.2008
Offline
84
528

Приветствую, появилась интересная идея реализации карты сайта на основе изображения, области которого и будут вести на разнообразные разделы.

Вот, что необходимо сделать:

1. При нажатии на ссылку в меню, на экране появляется изображение, отображаемое при помощи какого-либо лайтбокса, примерно как на сделанном мной скриншоте

http://img193.imageshack.us/img193/9339/scr1t.jpg

2. Открытое изображение является своеобразной картой, разные области которой при клике ведут на разные страницы сайта

3. При наведении курсора на каждую область карты, она подсвечивается путем замены фрагмента изображения на другой, либо просто какая-либо подсветка

Как это примерно должно выглядеть изобразил на скрине: http://img136.imageshack.us/img136/6909/scr2d.jpg

4. Ну и при клике на подсвеченную область пользователь переходит на определенную страницу

Собственно, вопросы по реализации этого:

1. Где взять такой лайтбокс и как привязать его к определенному изображению? Может уже есть готовые варианты?

2. Будет ли работать стандартная карта изображения в лайтбоксе? Если нет, то как по другому ее прописать?

3. Как реализовать подсветку областей изображения при наведении курсора? Обязательно ли резать изображение на нужные области и экспериментировать с подменой изображения на другое или есть другие возможности?

Интересует именно реализация при помощи HTML, PHP, Javascript.

Flash использовать не планирую, так как не каждый пользователь может позволить себе долгую загрузку страниц, да и не у всех флэш плеер установлен, а надо сделать такую карту для всех

Заранее спасибо

ICQ: 3-738-726
[Удален]
#1

собственно ответы по реализации :)

1. в гугле

2. будет если руки из того места

3. свг вам в помощь (опять же гугль вам в помощь)

[Удален]
#2
Updown:
Интересует именно реализация при помощи HTML, PHP, Javascript.
Flash использовать не планирую, так как не каждый пользователь может позволить себе долгую загрузку страниц, да и не у всех флэш плеер установлен, а надо сделать такую карту для всех

Готов спорить что во флеше это будет весить меньше и работать быстрее.

http://instruktor-auto.ru/images/map.swf - 8 килобайт. Даже гиф весил бы больше, а тут еще и размер любой можно сделать.

А так вариантов куча - Canvas (VML для IE), SVG+клиппинг, просто map/area...

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий