Que tal algo asi?
<div>
<img class="fotos id="foto1" src="foto1" style="visibility: visible" alt="" />
<img class="fotos id="foto2" src="foto2" style="visibility: hidden" alt="" />
<img class="fotos id="foto3" src="foto3" style="visibility: hidden" alt="" />
</div>
<p onmouseover="document.getElementsByClassName('foto s'). style.visibility="hidden"; document.getElementById('foto1').style.visibility= "visible"">texto 1</p>
<p onmouseover="document.getElementsByClassName('foto s'). style.visibility="hidden"; document.getElementById('foto2').style.visibility= "visible"">texto 2</p>
<p onmouseover="document.getElementsByClassName('foto s'). style.visibility="hidden"; document.getElementById('foto3').style.visibility= "visible"">texto 3</p>