Centrar un elemento en la ventana del navegador

[pedromir]

Hola a tod@s
Necesito que al pinchar en una miniatura, me muestre esta imagen ampliada y centrada en la ventana, centrada en lo que tu estás viendo en el monitor, NO en la página, que esto es lo que he conseguido hasta ahora, pero no me vale porque si la miniatura está al principio de la página al pinchar en ella la foto grande no me aparece a la vista, tengo que hacer scroll para llegar a ella.
Código CSS

Código HTML:

#imgGr {visibility: hidden; position:absolute; background-color: #f5f7f9; border: 3px solid #a5a7aa; z-index: 1; width: auto; height: 450px;}
 

Código Javascript:

var w = window.innerWidth;
var cw = img.clientWidth;
 
var ch = 450;
var h = window.innerHeight;
 
img.style.left = parseInt((w/2)-(cw/2))+'px';
img.style.top = parseInt((h/2)-(ch/2))+'px';
 

[haggenx]

¿y cual es el error que te aparece?

[ArturoGallegos]

Mala idea centrar un elemento con javascript, eso compete a CSS

Código CSS:

.elemento{
    display:block;
    position:fixed;
    width:400px;
    left:50%;
    top:30px;
    margin-left:-200px;
}
 
/* Si quieres centrar una imagen de la que desconoces su ancho metela dentro de un contenedor */
.elemento img{
    max-width: 100%;
    height:auto;
}