плагин или модуль для затемнение фото - Поиск компонентов, модулей, плагинов

Есть ли такой плагин, который может заданные фото по заданному урл затемнить, а при наведении мыши сделать "нормальными" исходно светлыми?

Накладываете сверху div с полупрозрачным тёмным фоном. Тут можно двумя путями: а) rgba; б) png24 с афльфой, Потом при наведении (a:hover) скрываете. Если нужно плавное скрытие/появление, то тут можно пойти двумя путями: а)js (jquery, mootools); б) CSS3 (не кроссбраузерно). В общем, всё решается средствами вёрстки.

Шустрый,спасибо за ответ НО  можно для "особо умных" написать более подробно что и куда )))
 
у меня модуль в нем фото код такой

<div style="width: 300px; height: 200px; background: none repeat scroll 0% 0% #222222; color: #ffffff; float: left;">
   <img border="0" class="opaque" height="200" onmouseout="this.className='opaque'" onmouseover="this.className='over'" src="images/photo.jpg" style="border: 0;" width="300" /></div>


Вроде все работает НО проблема в том что на долю секунды сначало появляется темное серое затемнение а потом фото...некрасиво получается( Возможно ли иначе как то?
для нагялдности прикрепляю фаил чтобы понять о чем я

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

[вложение удалено Администратором]

Так как-то пограмотнее будет.
Разметка:
Стили:

шустрый,спасибо огромное,но всеравно получается сначало блок потом фотка 255, 255, 255 белый цвет не подходит потому что нет эффекта затемнения,вместо него фотка как будто в пелене..дыме..тумане,а если поменять на 34 34 34 то тот же блок (( по сути то что вы предложили тоже самое, но другими словами..более грамотно через таблицу стилей но нет решения моей проблемы (( как реально уйти от серых блоков? только изменением их на белые?
может есть компонент какой то ?

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

отправил урл в личку
также как у меня сейчас но блин как скрыть эти блоки хз ((((

Посмотрел, всё ок. Что конкретно не получается?

http://webdesignerwall.com/demo/html5-grayscale/
http://www.ajaxblender.com/howto-convert-image-to-grayscale-using-javascript.html
http://james.padolsey.com/demos/grayscale/
Погуглите grayscale js

все получается просто нажмите кнрл ф5 раз 7 и вы увидите серые квадраты
человек у которого медленный интернет получает сначало на 3 секунды эти сервые квадраты а потом фотки
внимание знатокам, вопрос: как сделать чтобы серых блоков не было видно при загрузки (грузились одновременно или вместе) но эффект затемнения оставался 

http://webdesignerwall.com/demo/html5-grayscale/
http://www.ajaxblender.com/howto-convert-image-to-grayscale-using-javascript.html
http://james.padolsey.com/demos/grayscale/
Погуглите grayscale js

супер то что нужно! Спасибо