Código HTML:
<html>
<head>
<script type="text/javascript">
var _img_grande;
var _titulo;
var _estado;
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;
ops += ",status=";
ops += (_estado) ? "yes" : "no";
var contenido = "<html><head><title>" + _titulo;
contenido += "</title></head><body style='background-image: url(" + _img_grande.src + ")'></body></html>";
var ventana = window.open("", "", ops);
ventana.document.open();
ventana.document.write(contenido);
ventana.document.close();
}
function cargando() {
if (_img_grande.complete) mostrar();
else setTimeout("cargando()", 100);
}
function abrir(imagen, titulo, estado) {
_img_grande = new Image();
_img_grande.src = imagen;
_titulo = titulo;
_estado = estado;
cargando();
}
</script>
</head>
<body>
<img src="../imagenes/fotos/mini/Diapositiva82.jpg" onclick="abrir('../imagenes/fotos/maxi/Diapositiva82.jpg', 'Hola', false)"/>
</body>
</html>