Yo creo que lo que buscas es más bien que salga algo "sobre" la página que estás viendo, no en su lugar...
Mira este código:
Código:
<html>
<body bgcolor="#FFFFFF">
<script language="JavaScript">
<!--
// Esta es la función que abrirá
// la nueva ventana cuando el ratón pase sobre el link
function open_new_window(foto)
{
nueva_ventana = open("","","width=300,height=200,left=100,top=100");
// abre la nueva ventana
nueva_ventana.document.open();
// Código de la nueva ventana
// Sustituye las " por ' o por \" o de lo contrario no funcionará
// Aquí puedes utilizar una variable para definir qué foto abrirá
nueva_ventana.document.write("<html><title>Tu foto: "+foto+"</title>");
nueva_ventana.document.write("<body bgcolor=\"#FFFFFF\">");
nueva_ventana.document.write("<img src=\""+foto+"\">");
nueva_ventana.document.write("</body></html>");
}
// Esta es la función que cerrará
// la nueva ventana cuando el ratón salga del link
function close_window()
{
nueva_ventana.close();
}
// -->
</script>
<a href="#" onMouseOver="javascript:open_new_window('manuel')" onMouseOut="close_window()">Manuel Fernández</a>
</body>
</html>
Lo he obtenido de:
http://www.codeave.com/javascript/code.asp?u_log=7056
Buscando en google: "on mouseover pop up"
Lo he puesto en castellano.
Adicionalmente, he incluido una variable "foto" para no tener que hacer una función para cada uno, sino una global tipo funcion(foto) y luego llamarla onmouseover="funcion(manuel)"; onmouseover="funcion(perico)", etc.
También se puede hacer con capas, pero es más complicado -aunque el resultado sea más limpio-
Espero que te sirva
