Подсветка картинок по контуру
 

Товарищи .. кхм.. Господа программисты не мог бы кто нить помочь мне с проблемой. Нужно подсветить Картинку по какому-то контуру (контур сложный, например очертания здания какого-нить) и возможно ли это в принципе. И чтобы это было динамически

Я не понимать вопрос........ :gigi:

ссылки чтоли?

Чтобы когда наводишь на картинку - она подсвечивалась по контуру. воть

это надо 2 картинки сделать и менять через JS или во флеше

Не нужно ничего такого!
Значит идея:
Внизу картинка фона, сверху картинка с прозрачностью с тем что нужно подсветить.

<img src="pic.gif" onmouseover="this.style.filter='blur(enabled=1)'" onmouseout="this.style.filter='blur(enabled=0)'">

Получается неплохой эффект! При наведении на картинку, она как бы смазывается.... можно поэксперементировать с фильтрами... испробовать shadow или gray.

Спасибо. Попробую

ReapeR
Единственная проблема с тем что предложил AleXXXSoft это то что оно работает только в IE. Так что я бы это делал всё таки через javascript и две картинки.

2Aeon:
Но тогда нужно будет рисовать туеву хучу картинок)))

на то есть photoshop actions ;)

Так что мне придется менять две практически одинаковые картинки? А нельзя как нить по координатам рисовать контур? (хотя это наверное будет трудоемко)

Используй DHTML Alpha ... this.style.filter = "alpha(opacity=50)" . Или может я чего не понимаю, но тогда извини ... как объяснил так и помогли ...

рисовать можно во флеше

ReapeR

Короче, фильтры реально глючат в разных браузерах. Кстати, флэшевкая прозрачность тоже. Остается либо флеш без прозрачности, либо Джава. Последнее предпочтительнее. подробности здесь http://maste.ru/masteru/33.php. Настоятельно рекомендую. А если будешь юзать фильтры, по совету AleXXXSoft , будет тоже круто, но не у всех же Экслорер. Хотя мне лично некоторые фильтры очень даже нравятся....

DHTML на данный момент поддерживают Mozilla и Opera .

А где можно почитать про DHTML?

Нашлось))
Как раз обводка по контуру, фильтр GLOW !

Ну наконец то:). Тока одна проблема, опера не держит:(

Опера №7 у меня держит все))))

AleXXXSoft
ссылка которая была выше, если её открывать оперой (7.02) то все картинки одинаковые, а если в эксплорере, то там накладываются соответствующие фильтры, может подскажешь как настраивать, если это конечно не шутка :)

Ничего не могу сказать по этому поводу..... у меня вообще нет никаких эффектов из-за кривизны ИЕ.... причем нет ни в Опере, ни в ИЕ.... ((( пора мастдай переставлять((( в мозилле проверял в первой - точно нет.

Последняя Opera построена на движке Mozilla и соответственно держит все то же, что и Mozilla . А Mozilla 1.3 держит эффекты IE .

серьёзно? А где это настраивается, если не секрет? Меня гложут сомнения, потому что во первых, я мозиллой пользуюсь уже почти год, но до сих пор такого не слышал, и во вторых потому что, насколько я знаю, мозилла старается выполнять максимально точно спецификацию W3C, в которой мокрософтовские эффекты не предусмотрены... да и сейчас, в мозилле 1.3, у меня страничка с примерами эффектов выглядит совершенно обыденно.

Будет работат везде

<img width="**" height="**" border="0" alt="...." src="/images/1.gif" onMouseOut="this.src='/images/1.gif'" onMouseOver="this.src='/images/2.gif'">

Вот ты не понял)))
обыденность в твоем сообщении...... мы тут не о том слегка...

Че тут не понятного? два изображения - при наводке будет контур подсвечиватся, только его сделать надо...
в чем проблема то, что тут не понятного?

Читай выше....
подразумевалось, что не нужно будет рисовать кучу картинок, по моему это также глупо (предзагрузка их и т.д.)
т.е. хотелось, чтобы во всех броузерах работало это с помощью средств явы или фильтров или чего угодно еще, но только не набора картинок!

Это ты сам придумал?

Сказал бы я тебе.....

флейм, можешь сказать - говори, нет -- в тряпочку

Ты достал! В следующий раз читай всю тему и не предлагай то, что уже обсуждено и пережевано!

сам достал - я предложил варинат.
автор топика решит надо ему это или нет - че словами кидаешся?

2 terrorist: Топик читай внимательнее, и поймешь что то, что ты предложил не подходит, о чем и говорил сам автор ...

Чего то у меня не получается GLOW на картинке (с текстом как в примере все нормально) Он обводит по контуру самой картинки т.е. прямоугольная область. Можно ли как-нибудь задать прозрачный цвет?

Люди --- что читать внимательно??? где написано что человеку нужно это делать на пхп или явескрипт????

наверно все-таки я тупой:

<img width="600" height="320" border="0" alt="bombim Huseina."
src="http://borisovcity.net/images/terrorist1.jpg" onMouseOut="this.src='http://borisovcity.net/images/terrorist1.jpg'" onMouseOver="this.src='http://borisovcity.net/images/terrorist3.jpg'">

скопировать, вставить в страницу. При на ведении подсвечивается контур вертолетов.

Что не так?

AleXXXSoft
terrorist

Спорим, не подеретесь? :)))

AleXXXSoft

Исходно такое делалось джавой, как и было сказано. Потом появился DHTML (подробно - http://dhtml.ru). Беда в том, что не у всех ИЭ, тем более что не у всех свежие версии браузеров. Как и что не поддерживается - читай на уже указанном ДХТМЛ.РУ или http://www.htmlbook.ru. Последний сайт тебе особо пригодится, судя по твоему вопросу.
Выводы, чтобы отставить тут флеймы, разборки с нунчаками и дуэли на мясорубках: либо ты используешь метод замены одной картинки другой при помощи джава, либо ты рисуешь флэш. Больше выриантов нет. Изобретешь еще какой-то способ - поделись с народом.

ReapeR
Насчет ГЛОУ - не получится. ХТМЛ понимет, что такое прозрачность, но любая катинка для него - прямоугольная. Кроме того, ГЛОУ - исходно текстовый фильтр, поэтому его применение к изображениям само по себе действие кривоватое

Ладно буду делать во флэше. (может и рисунки там же и нарисовать). Посмотрим чего получится

У меня глоу работал с прозрачными гифами и обводил по контуру картинку, не по прямоугольному а по прозрачному!
ИЕ 5.5 по крайней мере