Итак, ты имеешь две картинки: картинка 1: http://mydomain.my/images.1.img
картинка 2: http://mydomain.my/images.1.img
Первый вариант: и имеешь область, где картину менять будешь:
<div style="background:url(' картинка 1 ') no-repeat; width: ... ; height: ..." onmouseover="this.style.background=' картинка 2 '" onmouseout="this.style.background=' картинка 1 '"></div>
Второй вариант: и имеешь <img>, где менять картинку будешь:
<img src=" картинка 1 " alt="" onmouseover="this.src=' картинка 2 '" onmouseout="this.src=' картинка 1 '" />
Типа как-то так
Мог и ошибиться в буковках, если что - старшие товарищи поправят
А вообще вариантов реализации такого дохрена - можно было бы и самому поискать 