Как сделать, чтобы черно-белая картинка при наведении становиться цветной?

[Dmitry-K]

Подскажите, пожалуйста, как сделать, чтобы черно-белая картинка при наведении становиться цветной?

Допустим, есть цветная картинка ссылка

[Только зарегистрированные пользователи могут видеть ссылки. ]

[Только зарегистрированные пользователи могут видеть ссылки. ]


Нужно чтобы на сайте картинка отображалась черно-белой, а при наведении на нее она становилась цветной.

[Только зарегистрированные пользователи могут видеть ссылки. ]




Можно ли это сделать при помощи CSS?

[Aykroyd]

Можно ли это сделать при помощи CSS?

Не можно, а нужно. Поэтому объедините обе Ваши картинки (черно-белую и цветную) в одно общее изображение, ликвидируйте элемент <img>, задайте полученную картинку фоновым изображением для элемента <a>...</a> и меняйте ее позицию (CSS-свойство background-position) при получении элементом <a>...</a> динамического псевдокласса :hover.

[Dmitry-K]

Не можно, а нужно. Поэтому объедините обе Ваши картинки (черно-белую и цветную) в одно общее изображение, ликвидируйте элемент <img>, задайте полученную картинку фоновым изображением для элемента <a>...</a> и меняйте ее позицию (CSS-свойство background-position) при получении элементом <a>...</a> динамического псевдокласса :hover.

Спасибо, что ответили)
не совсем понятно, а можете кодом показать?

[Aykroyd]

[Только зарегистрированные пользователи могут видеть ссылки. ]

a {text-indent: -9000px; background: url(img.jpg) no-repeat; display: block; width: 315px; height: 189px; overflow: hidden;}
a:hover {background-position: 0px -189px;}

[l_sing]

задайте полученную картинку фоновым изображением для элемента <a>...</a> и меняйте ее позицию при получении элементом <a>...</a> динамического псевдокласса :hover.

Какая простая и светлая идея! Спасибо, буду пользоваться! ^^