<html>
<head>
<title>Pop up para fotos</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="javascript">
/*****************************************************************************
Pop-up ajustada a foto. Script creado por Tunait!
8Si quieres usar este script en tu sitio eres libre de hacerlo con la condición de que permanezcan intactas estas líneas, osea, los créditos.
9No autorizo a publicar y ofrecer el código en sitios de script sin previa autorización
10Si quieres publicarlo, por favor, contacta conmigo.
11http://javascript.tunait.com/
12tunait @yahoo.com
******************************************************************************/
var titulopordefecto = "Perico de los palotes"; //Si no se especifica un título al llamar a la función colocará el que
var ventana;
var cont=0;
function afoto(cual,titulo)
{
if(cont==1){ventana.close();ventana=null}
if(titulo==null){titulo=titulopordefecto}
ventana=window.open('','ventana','resizable=yes,scrollbars=no')
ventana.document.write('<html><head><title>' + titulo + '</title></head><body style="overflow:hidden" marginwidth="0" marginheight="0" topmargin="0" bottommargin="0" leftmargin="0" rightmargin="0" scroll="no" onUnload="opener.cont=0"><img src="' + cual + '" onLoad="opener.redimensionar(this.width, this.height)">');
ventana.document.close();
cont++;
}
function redimensionar(ancho, alto)
{
ventana.resizeTo(ancho+12,alto+28);
ventana.moveTo((screen.width-ancho)/2,(screen.height-alto)/2); //centra la ventana. Eliminar si no se quiere centrar el
}
</script>
</head>
<body bgcolor="#FFFFFF" text="#000000">
<table border="0" align="center" width="42%" bgcolor="#000000" height="106">
<tr>
<td width="30%">
<div align="center"><a href="#" onMouseOver="afoto('fotos/tibidabo.jpg','Catedral del Tibidabo');return false"><img src="fotos/tibidabop.jpg" width="95" height="72" border="0"></a></div>
</td>
<td width="32%">
<div align="center"><a href="#" onMouseOver="afoto('fotos/gato.jpg');return false"><img src="fotos/gatop.jpg" width="100" height="73" border="0"></a></div>
</td>
<td width="20%">
<div align="center"><a href="#" onMouseOver="afoto('fotos/paloma.jpg');return false"><img src="fotos/palomap.jpg" width="62" height="72" border="0"></a></div>
</td>
<td width="18%">
<div align="center"><a href="#" onMouseOver="afoto('fotos/alenanene.jpg');return false"><img src="fotos/alenanenep.jpg" width="54" height="84" border="0"></a></div>
</td>
</tr>
</table>
</body>
</html>
que hace lo que vos queres.
Estaba facil ....
Saludos..................
Autor