Esto se hace con javascript, y hay ejemplos en el foro de javascript.
Basicamente, necesitas identificar las fotos con un id. Y tenerlas todas cargadas en el mismo div, quizas con un z-index y position absolute para que no se desplieguen una abajo de la otra.
El codigo para cambiar de foto seria esto :
<img src="foto3.jpg" alt="" id="foto3" class="fotos" style="visibility:hidden" />
document.getElementById('foto3').style.visibility= "visible"
Si pusieras tambien un class name para las fotos, podrias esconder las restantes de un solo saque, al mostrar una nueva:
document.getElementsByClassName('fotos').style.vis ibility="hidden"
Para el disparador, esto funcionaria:
onclick="document.getElementsByClassName('fotos'). style.visibility="hidden"; document.getElementById('foto3').style.visibility= "visible""