Photoshop:
рисуются две одинаковые картинки, одна из которых цветная, другая черно-белая.
CSS:
С помощью :hover делаем чтобы при наведении на изображения оно менялось на другой.
Примерный CSS код:
Code
img {
background-image: url(серое_изображение) no-repeat;
}
img:hover {
background-image: url(цветное_изображение) no-repeat;
}
onmouseover и onmouseout:
так же, что и в случае с css.
Примерный код:
Code
<img border="0" src="серое_изображение" onmouseover="this.src='серое_изображение'" onmouseout="this.src='цветное_изображение'" />
