Hola.
Te cuento que padecí el mismo problema hace algún tiempo y he aquí la solución que un compañero del foro me dió:
El siguiente ejemplo, "oculta" el frame izquierdo de la ventana al hacer click sobre un determinado icono, luego establece como fuente del frame derecho el mismo icono seleccionado.
Primero, copia el siguiente código en una página html en blanco (mi_ejemplo.html). Esto creará una página con dos frames.
<html><head></head>
<frameset name="pag" cols="200,*" frameborder="1">
<frame name="a" src="a.html"></frame>
<frame name="b" src="about
:blank"></frame>
</frameset><noframes></noframes></html>
==========
Luego, crea una página llamada a.html y en ella copia el siguiente código:
<html>
<head>
<script language="JavaScript">
function A(s)
{
parent.document.getElementById("pag").cols="0,*";
parent.document.getElementById("b").src=s;
}
</script></head><body>
<img src="icono1.gif" onClick="A(this.src);">
<img src="icono2.jpg" onClick="A(this.src);">
<img src="icono3.gif" onClick="A(this.src);">
</body>
</html>
Nota: asegúrate de poner todo en la misma carpeta (directorio) y además, pon tres imágenes pequeñas, las que quieras y nómbralas como icono1.gif, etc.
Finalmente, ejecuta la página mi_ejemplo.html
Me avisas cómo te fue!
=========================================
PD: No desesperes, más tarde te paso el código correspondiente para tu caso. Yo, lo tengo hecho!
Sólo que te recomiendo leas lo anterior pues lo he publicado como respuesta a otro compañero con la misma duda y el mismo día. La próxima vez te sugiero buscar temas parecidos en este foro, es realmente bueno y será probable que encuentres la respuesta a tu inquietud.
