hola.
a ver si te sirve esto:
Código HTML:
<style type="text/css">
div.capa1{ position: absolute; top: 100; left: 100; width:550px; visibility:hidden;}
div.capa2{ position: absolute; top: 100; left: 100; width:550px; visibility:hidden;}
div.capa3{ position: absolute; top: 100; left: 100; width:550px; visibility:hidden;}
</style>
<script language="JavaScript">
function abrircapa (c1,c2,c3) {
document.getElementById(c1).style.visibility = 'visible';
document.getElementById(c2).style.visibility = 'hidden';
document.getElementById(c3).style.visibility = 'hidden';
}
</script>
<img src="img1.gif" onClick="abrircapa('capa1','capa2','capa3')">
<img src="img2.gif" onClick="abrircapa('capa2','capa1','capa3')" >
<img src="img3.gif" onClick="abrircapa('capa3','capa1','capa2')" >
<div id="capa1" class="capa1">
esta es la capa 1
</div>
<div id="capa2" class="capa2">
esta es la capa 2
</div>
<div id="capa3" class="capa3">
esta es la capa 3
</div>