Как разверстать карту Росии

ITeshnik

Постоялец
Регистрация
21 Май 2007
Сообщения
104
Реакции
6
Флеш юзать нельзя.
Задача подсвечивать федеральный округ при наведении.
т.к. размеры будут большие просят соблюсти максимальную точность при наведении на округа(бзик). Не представляю как это сделать.
 

Вложения

  • map.png
    map.png
    29,5 KB · Просмотры: 24
там в демках нет той точности которая необходима, как это сделать квадратными блоками я знаю, а вот как сделать так что-бы чётко по границе округов работал эффект(
 
А может разобрать карту на отдельные элементы (ФО), собрать обратно с помощью позиционирования CSS и применить к каждому a:hover
 
А может разобрать карту на отдельные элементы (ФО), собрать обратно с помощью позиционирования CSS и применить к каждому a:hover
Да, но тогда они всё-равно будут квадратные, и друг на друга залазить.
есть вариант с помощью тега area сделать, но как прописать все изгибы и координаты даже хз(
 
там в демках нет той точности которая необходима, как это сделать квадратными блоками я знаю, а вот как сделать так что-бы чётко по границе округов работал эффект(
ООо друг ...я сколько провозился с разными картами..ну я делал приложение для Win.
Тебе нужно , в принципе только и подойдет SVG. Куча в нете наработок и библиотек ...есть например Рафаель.
ЧИтай:
Для просмотра ссылки Войди или Зарегистрируйся
Для просмотра ссылки Войди или Зарегистрируйся
Для просмотра ссылки Войди или Зарегистрируйся
----------------------
Сам формат SVG рисуй , например в Adobe Illustrator.
 
ООо друг ...я сколько провозился с разными картами..ну я делал приложение для Win.
Тебе нужно , в принципе только и подойдет SVG. Куча в нете наработок и библиотек ...есть например Рафаель.
Сам формат SVG рисуй , например в Adobe Illustrator.
Спасибо огромное!!!
У меня пока пулачется экспортровать в штмл из сорел драйва, он сам прописывает координаты для тега ариа.
Но за наводку спасибо огромное)))
 
А если с заменой картинки при наведении? + оформить в таблицах

<img src="pic.jpg" id="imag" onmouseover="this.src='/img1.gif'" onmouseout="this.src='/img2.gif'" >
 
А если с заменой картинки при наведении? + оформить в таблицах

<img src="pic.jpg" id="imag" onmouseover="this.src='/img1.gif'" onmouseout="this.src='/img2.gif'" >

Для квадратных субъектов еще бы подошло, но субъекты различной формы, и ТСу надо соблюсти точность формы :)
 
Назад
Сверху