Centrar imagen que sale en un Pop-up a pantalla completa

kahlito · #1 (**permalink**) 16/05/2005, 14:22

Hola

¿como puedo centrar la imagen que sale en un pop up a pantalla completa cuando esta es más pequeña que el pop up?

Por ejemplo aquí:

Código HTML:

<script language="JavaScript">
function pantallaCompleta(pagina)
{
 pag=window.open('', '', 'fullscreen=yes, scrollbars=yes, menubar=no, location=no, resizable=yes');
 pag.document.write('<html><body style="background-color:#F5F5EE; margin:0px; padding:0px;"><img src="' + pagina + '" galleryimg="no" align="absmiddle">');
}
</script>
</head>
<body>
<a href="javascript:pantallaCompleta ('retoques/bola_roja_grande_pop.jpg')"><img src="retoques/4_pop_ane_grande_pop.jpg" width="600" height="450" /></a>
</body>

He probado en ese ejemplo con la opción alinear en medio, pero tampoco me va:

Código HTML:

<img src="' + pagina + '" galleryimg="no" align="absmiddle">

¿Alguna posibilidad?

neowebmaster · #2 (**permalink**) 16/05/2005, 20:34

Ya que usas CSS puedes usar el padding y el amrgin, pero si quieres que quede centrada exacta podrias usar el text-align="center", o tambien meterla en una tabla de 1x1 sin bordes ni cellpadding ni cellspacing y ponerle un algin=center a la tabla, ... hay tantas maneras...

Talue

caricatos · #3 (**permalink**) 17/05/2005, 01:23

Hola kahlito:

Algo que no falla es poner la imagen como fondo usando estilos:

pag.document.write('<html><body style="background: url(' + pagina + ') no-repeat center center #F5F5EE; margin:0px; padding:0px;"></body></html>');

Saludos

neowebmaster · #4 (**permalink**) 17/05/2005, 01:43

Pos tambien... pero no seria mejor usar una tabla con align=center?? (Solo pregunto)

Lo digo porque un cliente siempre podria tener desactivado el CSS, pero el html no... (q yo sepa) aunque ya seria jodido que desactivara el CSS o que su explorador no lo reconociera, pero quien sabe no? :P

En todo caso la solucion de caricatos es muy buena ^_^

kahlito · #5 (**permalink**) 17/05/2005, 05:51

Hola gracias por las sugerencias.

Caricatos tu opción me ha servido perfectamente, muchas gracias

neowebmaster prefiero hacerlo con estilos ya que las tablas son normalmente para usar datos tabulados.

Gracias a los dos un saludo

kahlito · #6 (**permalink**) 07/06/2005, 13:41

Hola vuelvo a retomar este tema ya que en Opera 8.0 siempre se me va la imagen arriba

Tengo estos códigos:

Código HTML:

<script language="JavaScript">
function pantallaCompleta(pagina)
{
 pag=window.open('', '', 'fullscreen=yes, scrollbars=yes, menubar=no, location=no, resizable=yes');
 pag.document.write('<html><body style="background: url(' + pagina + ') no-repeat center center #F5F5EE; margin:0px; padding:0px;"></body></html>');
}
</script>

Y lo llamo así por ejemplo:

Código HTML:

<a href="javascript:pantallaCompleta ('retoques/caracol_puzzle_grande_pop.jpg')"><img src="retoques/caracol_puzzle_grande.jpg" width="600" height="450" /></a>

¿Cual es el problema? ¿Alguien lo ve igual que yo? En todos me sale centrada correctamente menos en Opera.

Ejemplo aquí al pulsar la imagen del iframe

Saludosss