Новая тема   Ответить

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

спасиб

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

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

<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)"

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

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

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

 W


Фильтры никакого отношения к цсс не имеют. это дхтмл.

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

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

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

Цитата:

 Progressive
Угу

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">

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

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

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

 TAiNT
Примерно так

#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>