Добавлено: 09/09/04 в 15:54

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

спасиб

Добавлено: 09/09/04 в 16:01

css к этому не имеет вообще никакого отношения.

Добавлено: 09/09/04 в 16:01

есть такой способ, вставляешь код:

<script language="JavaScript1.2">
<!--

function high(which2){
theobject=which2
highlighting=setInterval("highlightit(theobject)",10)
}
function low(which2){
clearInterval(highlighting)
which2.filters.alpha.opacity=200
}

function highlightit(cur2){
if (cur2.filters.alpha.opacity>70)
cur2.filters.alpha.opacity-=12
else if (window.highlighting)
clearInterval(highlighting)
}
// -->
</script>

и на картинку ставишь style="filter:alpha(opacity=200)" onMouseover="high(this)" onMouseout="low(this)"

с параметрами можешь поиграть

Добавлено: 09/09/04 в 16:45

Понял, спасибо
человек убеждал, что подобное можно реализовать с помощью css :)

Добавлено: 09/09/04 в 23:07

да реально это сделать и через CSS, набери в поисковиках "Фильтры для IE", там много мануалов

Добавлено: 10/09/04 в 12:13

угу
тож чел говорить фильтрами css можно сделать
даж не знаю кому верить :)
ещё раз всем спасибо +5
остановились пока на скрипте Solarix

Добавлено: 11/09/04 в 23:26

из MSDNa:
FILTER: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=25);
Требования мин IE5.5

Добавлено: 12/09/04 в 01:12

Есть такой фильтр Gray

Добавлено: 12/09/04 в 06:22

Угу

A.Img:Link IMG,A.Img:Active IMG,A.Img:Visited IMG,A.Img:Focus IMG {
filter: Gray;
border: #666666 1px solid;
}
A.Img:Hover IMG {
filter: none;
border: #333333 1px solid;
}

ну и

<A class="Img" href="URL" target="_blank">

Добавлено: 13/09/04 в 10:53

еще раз спасиб всем

Добавлено: 13/09/04 в 12:05

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

думаю и топикстартеру может пригодиться..

Добавлено: 13/09/04 в 23:18

Примерно так

#thumbs A:Visited IMG {
filter: Gray;
}

только HTML вот такой

<div id="thumbs">
<a href="URL" target="_blank"><img src="..."></a>
....
</div>

если тумбики все в таблице то лучше использовать вот такой HTML и не плодить лишний DIV

<table id="thumbs">
<tr>
<td><a href="URL" target="_blank"><img src="..."></a></td>
<td><a href="URL" target="_blank"><img src="..."></a></td>
....
</tr>
....
</table>