centrar imagenes

dani
04 de Julio del 2003
hola,

no es del todo una consulta de html, se que hay que hacerlo en Javascript pero no consigo sacarlo. consiste en poner un "objeto" (entiendase como objeto, imagen, tag <div>, ...) en el centro de la pantalla (osease, el centro del objeto coincide con el centro del navegador).

gracias

Mayra
04 de Julio del 2003
Gracias por la ayuda

s
04 de Julio del 2003
Yo he hecho esto pero solo para centrar pop-up, no se si te servira.Debes poner este codigo en en el pop-up que quieras que aparezca centrado.
<script language="javascript">
var x_now=0;
var y_now=0;
var w_now=0;
var h_now=0;

var w=750; /* anchura del objeto*/
var h=500; /* altura del objeto*/
var Ycor=(screen.height-h)/3;
var Xcor=(screen.width-w)/3;
window.moveTo(Xcor,Ycor);
</script>

dani
04 de Julio del 2003
el problema que tengo es como le paso los valores del left y el top al tag adecuado, ya sea <img> o <div>

ejemplo :

<img src="imagen.jpg" style="position:absolute; left:variableX; top:variableY; ...">

donde variableX y variableY donde sus valores sean, anchoPagina/2-anchoImagen/2 y altoPagina/2-altoImagen/2.

no se si me he explicado bien.

gracias

Wolverine
04 de Julio del 2003
Hola Dani

En la función, sólo tienes que dar la "identificación" de la imagen (id). Esto lo debes hacer entre comillas simples, o bien con comillas dobles, dependiendo como enmarques la llamada a la función.

--------------------------------------------------
<html><head><title>Centrar</title>
<script language="Javascript">
function centra(capa)
{
obj=document.all[capa];
ancho=obj.width;alto=obj.height;
obj.style.left=(window.screen.width/2)-(ancho/2);
obj.style.top=(window.screen.availHeight/2)-(alto/2);
}
</script>
</head>

<body onload="centra('Imagen')">
<div style="position:absolute;visibility:visible">
<img style="position:absolute" id="Imagen" src="../Juego/aldea.gif">
</div></body></html>
--------------------------------------------------

Sólo tienes que poner entre el atributo "src" de la imagen, la ruta adecuada, además de hacer algunos ajustillos con la dimensión disponible (availWidth;availHeight).

Cuídate mucho
Saludos a todos
Atte Wolverine (Chile)