te dejo la idea.. para que lo logres por tus propios meritos!!
creas un array de la clase imagenes
preloadedimages[i]=new Image();
luego le agregas la direccion de la foto
preloadedimages[0].src="foto1.gif";
preloadedimages[1].src="foto2.gif";
preloadedimages[2].src="foto2.gif";
y ahora una funcion que cambie la foto:
function cambiar(num){
document.images.imagenloco.src=preloadedimages[num].src;
//Aca puedes cambiarle tambien el tamaño
document.images.imagenloco.height=20%
}
EL resto es maquillar. como asi: donde le dices si el mousehace click sobre la imagen cambie de foto
<img id="imagenloco" src="foto1.gif" onclick="javascript
:cambiar(32);">