Ver Mensaje Individual
  #1 (permalink)  
Antiguo 18/07/2019, 07:06
pedromir
 
Fecha de Ingreso: enero-2014
Mensajes: 91
Antigüedad: 6 años
Puntos: 2
Centrar un elemento en la ventana del navegador

Hola a [email protected]
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:
Ver original
  1. #imgGr {visibility: hidden; position:absolute; background-color: #f5f7f9; border: 3px solid #a5a7aa; z-index: 1; width: auto; height: 450px;}
Código Javascript:
Ver original
  1. var w = window.innerWidth;
  2. var cw = img.clientWidth;
  3.  
  4. var ch = 450;
  5. var h = window.innerHeight;
  6.  
  7. img.style.left = parseInt((w/2)-(cw/2))+'px';
  8. img.style.top = parseInt((h/2)-(ch/2))+'px';