Si el texto va a aparecer sobre la imagen, lo unico que se me ocurre con css es utililizar a imagen como si fuera un enlace que no dirige a ningun lado y luegu le das un hover, algo asi:
HTML:
<div id="foto">
<a href="#"><img src="tu imagen.jpg" /></a>
</div>
CSS:
#foto a:hover{
background: url("la foto que queres que se vea.jpg") no repeat;
}
Fijate si eso te sirve, de todos modos no creo que sea la mejor manera de hacerlo, ya que tendrias que esperar la recarga de dos imagenes, yo en tu lugar usaria javascript, o usaria otro tipo de solucion. Espero sirva, Saludos.-