Cмена изображения товара при наведении мышью

Добрый день!Как сделать чтобы при наведении мышью ,картинка товара менялась на другую?Только чтоб автоматизировано,указал две картинки,они менялись при наведении.Или основное изображение просто затемнено,а при наведение ярче становится.Может и одной картинки достаточно.Любой вариант ,хоть намек подскажите,чем создать,как вывести?Спасибо заранее!

Задумка такая: основное фото товара,под ним наименование товара,основное фото черно-белое,второе (дополнительное) при наведении цветное.

геморойно не реально каждый товар забивать
<img src="ссылка на основную картинку" width="ширина" height="высота"
onmouseover="this.src='ссылка на меняющиюся картинку'; this.width=ширина;this.height=высота;"
onmouseout="this.src='ссылка на основную картинку'; this.width=ширина;this.height=высота;" />