Pues mira te dejo un ejemplo que juega con la propiedad hidden de las capas usando javascript.
Código:
<html>
<head>
<STYLE TYPE="text/css">
#capa0{background-color:turquoise;
position:absolute; top:20px; left:50px; width:508px; height:75px;}
#capa1{background-color:lightblue;visibility:hidden;
position:absolute; top:100px; left:100px; width:400px; height:300px;}
#capa2{background-color:yellow;visibility:hidden;
position:absolute; top:100px; left:100px; width:400px; height:300px;}
#capa3{background-color:orange;visibility:hidden;
position:absolute; top:100px; left:100px; width:400px; height:300px;}
#capa4{background-color:pink;visibility:hidden;
position:absolute; top:100px; left:100px; width:400px; height:300px;}
#ninguna{background-color:lawngreen;
position:absolute; top:100px; left:100px; width:400px; height:300px;}
</style>
<script>
function ocultar()
{
document.all.capa1.style.visibility='hidden';
document.all.capa2.style.visibility='hidden';
document.all.capa3.style.visibility='hidden';
document.all.capa4.style.visibility='hidden';
document.all.ninguna.style.visibility='hidden';
}
function mostrar(n)
{
switch (n)
{
case 1:
document.all.capa1.style.visibility='visible';
break;
case 2:
document.all.capa2.style.visibility='visible';
break;
case 3:
document.all.capa3.style.visibility='visible';
break;
case 4:
document.all.capa4.style.visibility='visible';
break;
}
}
</script>
</HEAD>
<BODY>
<div id="capa0">
Haz click en la foto q deseas ver
<br>
<A HREF="javascript:ocultar();mostrar(1);">foto 1</a>
<A HREF="javascript:ocultar();mostrar(2);">foto 2</a>
<A HREF="javascript:ocultar();mostrar(3);">foto 3</a>
<A HREF="javascript:ocultar();mostrar(4);">foto 4</a>
</div>
<center>
<div id="capa1">
imagenes
<p><img border="0"src="foto1.jpg" width="300" height="300"></p>
bonita
</div>
<div id="capa2">
imagenes
<p><img border="0"src="foto2.jpg" width="300" height="300"></p>
preciosa
</div>
<div id="capa3">
imagenes
<p><img border="0"src="foto3.jpg" width="300" height="300"></p>
yo quiero :(
</div>
<div id="capa4">
imagenes
<p><img border="0"src="foto4.jpg" width="300" height="300"></p>
oooleeee!!!!!
</div>
<div id="ninguna">
<hr size="5">
HAZ CLICK EN LA FOTO Q KIEREAS VER
<hr size="5">
</div>
</BODY>
</HTML>
Este ejemplo es una galería de fotos, que juega con capas, y cuando pinchas en el link de cada capa, oculta la activa y deja visible la que pulsaste. Pruebalo y pon las imagenes que quieras, el resto será adaptarlo a lo que quieras.