1. Запрашиваете элеменыт иблока, включив в $arSelect помимо прочего PREVIEW_PICTURE и свойство PROPERTY_COLORPIC.
2. Чтобы получить урл ч/б картинки, CFile::GetPath($ar['PREVIEW_PICTURE']);
3. Чтобы получить урл цветной, CFile::GetPath($ar['PROPERTY_COLORPIC_VALUE']);
4. Проверяете, что пути получены корректно (var_dump).
5. Верстаете шаблон, в котором при наведении меняется картинка, например так:
<img src="<?=урл1?>" onmouseover="this.src='<?=урл2?>'" onmouseout="this.src='<?=урл1?>'"/>
6. Чтобы убрать лаг при первом наведении сделать предзагрузку второго урла куда-нибудь, например в однопиксельную потайную картинку или на яваскрипте (new Image).