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
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>
<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
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)
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)