Primero se crea variables con el nombre de las imágenes que quieras mostrar, aunque tambien lo puedes hacer directo, pero esta es la forma más ordenada.
Código HTML:
<script type="text/javascript">
images = new Array();
images[0] = "http://static.forosdelweb.com/fdwtheme/images/buttons/reply.gif";
images[1] = "http://static.forosdelweb.com/fdwtheme/images/buttons/quote.gif";
images[3] = "etc";
function rollImg(a,b){
a.src=images[b];
}
</script>
<img onMouseover="rollImg(this,0)" onMouseout="rollImg(this,1)" src="http://static.forosdelweb.com/fdwtheme/images/buttons/quote.gif" /> images = new Array() lo agregué para enumerar la misma variable con varios valores.
function rollImg, a es el objecto que tienes sobre el raton,
b es el número de imagen del array
rollImg(this,0) -> rollImg(cambiaEsto,numeroDeImagen)
onMouseOver : Cuando el raton está encima del objeto y onMouseOut lo contrario
Y aquí tienes otro tema parecido