IMHO.WS - Бордюр у <area>

IMHO.WS (https://www.imho.ws/index.php)

- Веб-программирование (https://www.imho.ws/forumdisplay.php?f=29)

- - Бордюр у <area> (https://www.imho.ws/showthread.php?t=105660)

Face	05.07.2006 20:59

Бордюр у <area>

Есть что-то вроде такого кода:

Код HTML:

<img src="some.jpg" border=0 usemap="#map1" width=616 height=308>

<map name="map1">

<area shape="poly" coords="140,70,166,73,186,79,188,59,175,54,143,50" href="link.php" alt="Ссылка">

</map>

Можно ли сделать так, чтобы при наведении курсора на эту область со ссылкой, она начала бы иметь бордюр (например как при border=1)?

Hatifnatt

05.07.2006 22:44

Face
Как сделать подобное с помощь CSS читай
тут (пример того что получиться)
и еще
тут, тут и тут еще :biggrin:

PS а ваще CSS рулит в умелых руках!
PPS все выше приведенные примеры кросс браузерные

Face	06.07.2006 10:19

Hatifnatt
Мне нужно, чтобы область была не прямоугольной, а произвольной формы, например как в первом посте... Можно ли сделать это средствами CSS?

Hatifnatt

06.07.2006 10:56

Теми методами что выше нельзя, можешь попробовать задать у area свойство border с помощью CSS возможно получиться.

Face	06.07.2006 18:23

При "style='border:1px red solid'" не получается :(

Face	18.07.2006 11:02

Проблему прорисовки границы решил используя <canvas> - http://developer.mozilla.org/en/docs/Canvas_tutorial

Hatifnatt

18.07.2006 12:51

Face но поддерживается это (тег canvas) только Safari или Firefox 1.5+ так что это не универсальное решение ... к сожалению.

Face	18.07.2006 15:34

Hatifnatt Еще поддерживается Opera 9... А для IE Google выпустило js-библиотеку ExCanvas: http://excanvas.sourceforge.net/ С ней хоть и тормознуто, но работает

Hatifnatt

18.07.2006 16:17

Google то может библиотеку и выпустило тока у кого она установлена? Практически ни у кого, так что можно считать что ее нет. Хотя сейчас народ переходит на броузеры сторонних разработчиков, тем не мение большая часть пользуется IE а когда выдет 7 версия ваще неизвестно что будет. Посему к сожалению пока что это не кросс-браузерное решение.

Sam Dark

18.07.2006 16:39

Можно с помощью того-же CSS подгружать PNG как фон. Или же замутить с помощью CSS скруглённые углы как на CSS Playground.

Face	18.07.2006 16:55

Hatifnatt ты не так понял... Чтобы подключить библиотеку надо вписать в код страницы:

Код HTML:

<script type="text/javascript" src="templates/excanvas.js"></script>

Sam Dark Мне необходимо было, чтобы по определенным координатам строилась ломаная кривая.

Пример использования canvas - http://hermit.territory.ru/?mod=map хоть там еще и криво все, но более-менее работает :)

Попробовал поставить себе IE 7 Beta 3 - canvas там не поддерживается :(

Sam Dark

19.07.2006 08:06

См. http://www.stunicholls.myby.co.uk/, может наткнёшься на то, что нужно.

Hubbitus

19.07.2006 09:54

Для рисования на JavaScript есть очень неплохая кроссбраузерная библиотечка http://www.walterzorn.com/jsgraphics/jsgraphics_e.htm

aoxyz_30330

22.07.2006 18:22

мда ... наверное самое верное решение пока - порезать ето дело и делать предварительную подгрузку изображений ... яваскрипт ето в любом случае ненадёжное решение ... а ещё луче использовать флеш или яву .. ето установлено на 99 процентов компов ...

Face	22.07.2006 19:28

aoxyz_30330, конечно это самое лучшее решение... но дело в том что карта ссылок постоянно меняется и каждый раз резать смысла нет

Часовой пояс GMT +4, время: 02:36.