Centrar imagen independientemente del tamaño de la ventana

tonihur · #1 (**permalink**) 07/07/2006, 04:48

Pues eso me gustaría saber si se puede hacer esto, tengo una web y quiero que quede centrado y no alineado arriba

anhedonia · #2 (**permalink**) 09/07/2006, 21:54

Si si se puede

caricatos · #3 (**permalink**) 10/07/2006, 01:04

Hola:

Para centrar una imagen dentro de una ventana, se puede de distintas maneras... una bastante sencilla de implementar es escribir código donde la imagen sea el fondo de la página:
function centrar(imagen) {
var contenido = "<html><body style='background: url(" + imagen + ") no-repeat center center'></body></html>";
ventana = window.open("", "", "width=300,height=300");
ventana.document.write(contenido);
}

Saludos

webosiris · #4 (**permalink**) 12/07/2006, 14:03

Cita:

Iniciado por caricatos

una bastante sencilla de implementar es escribir código donde la imagen sea el fondo de la página:
function centrar(imagen) {

Hey Caricatos, no contamines (

), este es el foro de html, no el de javascript

tonihur, por favor explicate mejor... ¿como incluis la imagen? ¿es con <img, como fondo o solo estás abriendo una imagen directamente con el explorador?

caricatos · #5 (**permalink**) 12/07/2006, 19:20

Cita:

Iniciado por webosiris

Hey Caricatos, no contamines (

), este es el foro de html, no el de javascript

¿Crees que la pregunta puede resolverse sólo con html...?

... bueno, esperemos que responda tonihur:

Saludos

Colacho · #6 (**permalink**) 03/10/2006, 21:44

Hola, perdonen mi intromisión, apoyo a caricatos pero no quiero generar polémica, pues tengo un código que creo que sería una ayuda a tonihur, y es el siguiente:
Utilizar un SCRIPT:

<SCRIPT>
function Centrar(){
Imagen.style.setExpression('left','document.body.c lientWidth/2 - Imagen.offsetWidth/2');
Imagen.style.setExpression('top','document.body.cl ientHeight/2 - Imagen.offsetHeight/2');
document.recalc(true);
}
</SCRIPT>

Donde Imagen es el ID de la etiqueta IMG.

En la etiqueta BODY, colocar onLoad='Centrar();' con lo cual se llama a la función.
Y en el cuerpo del documento, se coloca la etiqueta, por ejemplo:

<IMG ID='Imagen' SRC='Algo.jpg' STYLE='position:absolute;top:0;left:0;'>

No podeis quitarle el STYLE, pues entonces no quedaría centrado.

Espero os sirva de gran ayuda. Saludos Orlando