Hola otra vez:
Te preparé este ejemplo:
<html>
<head>
<script>
var _img_grande;
function mostrar() {
var ops = "top=" + ((screen.height - _img_grande.height) / 2);
ops += ",left=" + ((screen.width - _img_grande.width) / 2);
ops += ",width=" + _img_grande.width + ",height=" + _img_grande.height;
var contenido = "<html><body style='background-image: url(" + _img_grande.src + ")'></body></html>";
var ventana = window.open("", "", ops);
ventana.document.write(contenido);
ventana.document.close();
}
function cargando() {
if (_img_grande.complete) mostrar();
else setTimeout("cargando()", 100);
}
function abrir(imagen) {
_img_grande = new Image();
_img_grande.src = imagen;
cargando();
}
</script>
</head>
<body>
<img src="../imagenes/fotos/mini/Diapositiva82.jpg" onclick="abrir('../imagenes/fotos/maxi/Diapositiva82.jpg')"/>
</body>
</html>
Hice algo parecido hace poco tiempo, pero intenté buscarlo y no lo encontré...
En estas pocas líneas se genera un popup centrado con las dimensiones de la foto y con una precarga. Lo único que tienes que hacer es usar el evento onclick de la imagen llamando a la función abrir y como parámetro pones la foto grande.
Con respect al ejemplo de las FAQs, puedes verlo en la página de javascript de tunait (¡Hola
!), donde te explica como usarlo:
http://javascript.tunait.com/javascr...p?s=popupfotos
Saludos
