Hola
;)
Bueno, no hay problema, aquí te dejo una página de ejemplo de lo que quieres:
Código:
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es">
<head>
<style type="text/css">
.capita {
background-image: url('imagen_1.gif');
background-repeat: repeat;
width: 100px;
height: 100px;
}
</style>
<script type="text/javascript">
<!--
function cambiar_fondo(x) {
if (x == 1) {
document.getElementById('capita').style.backgroundImage = "url('imagen_2.gif')"
} else {
document.getElementById('capita').style.backgroundImage = "url('imagen_1.gif')"
}
}
//-->
</script>
<title>Documento sin título</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body>
<p><a href="javascript:cambiar_fondo(1)">al presionar aquí, cambia el fondo de la capa de abajo</a></p>
<p> </p>
<div class="capita" id="capita">
</div>
<p><a href="javascript:cambiar_fondo(0)">al presionar aquí, cambia el fondo de la capa de arriba</a></p>
</body>
</html>
Como ves, es sencillo, en el ejemplo utilizo dos vínculos y dos imágenes, pero en caso de que necesitaras más imágenes, solo habría que hacer algún pequeño cambio en el script.
Suerte
Felicidad