CSS, матовая пленка на фото

[Gorychev]

Есть галерея фото, очень похожа как на http://www.kremlin.ru/photo но, все мини фото внизу на прокрутке имеют одинаковый внешний вид. А нужно реализовать именно так как это там сделано. Т.е. проводя курсором по фоткам, они должны из блеклого приобретать обычный вид, а фотка которая выделена в данный момент в рамке оставаться не изменной, вообщем в точности как и там.
Так мыслю, текущей фотке задать класс например "current", остальным "other". Классу "other" определить hover в css стилях. Не понятно, как сделать белый налет на фото. Вообщем буду благодарен за разъяснение, по тому как весьма смутно в целом представляю весь механизм.

[Виталий Желтяков]

Да, Вы правильно думаете надо использовать hover.
Реализовать белый налёт очень просто - поверх картинки помещаете div с фоном полупрозрачного png.

[Gorychev]

Спасибо, буду пробовать.
тут еще такую фишку посоветовали, скажите, что за код, что он делает:

a .banner { 
opacity: 0.5; 
filter: alpha(opacity=50); 
} 
a:hover .banner { 
opacity: 1; 
filter: alpha(opacity=100); 
}

----------------------------
Все получилось вышеописанным способом. Просто и без гемора с дивами

[Linel]

banner - это ваши превью фоток. Им задана прозрачность 50%. Т.е. если, допустим, ваши превью находятся на белом фоне, можно достичь желаемого вам эффекта. При наведении курсора мыши прозрачность становится 1, тоесть 100%. В этом случае белого фона позади видно не будет и картинка будет "чистой".

a .banner {
opacity: 0.5;
filter: alpha(opacity=50);
}
a:hover .banner {
opacity: 1;
filter: alpha(opacity=100);
}

Кстати, данный эффект можно реализовать и с помощью JavaScript. Можно с помощью цикла увеличивать прозрачность с 0.5 до 1 скажем, по 0.05 за шаг. Тогда будет складываться впечатление, что картинка плавно переходит из матовой пленки в "чистую".