JavaScript - mover una imagen en centro de la pagina

   
Vista:

mover una imagen en centro de la pagina

Publicado por Cesar (3 intervenciones) el 17/09/2009 15:25:28
Hola amigos quisiera que me ayuden con el codigo para poder ver una imagen el centro de la pagina por 30 segunto, la imagen esta insetrtada al final de la pagina la cual no es visible cuando se carga la pagina ..
ayudenme con ese codigo...

gracias
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de Bet7o

RE:mover una imagen en centro de la pagina

Publicado por Bet7o (63 intervenciones) el 18/09/2009 01:30:18
No te entendi muy bien pero te digo komo centrar kualkier elemento y eso de los 30 seg.

mira para centrar un elemento necesitas un poko de css te pongo un ejemplo, espero te sirva, guardalo komo html y lo abres un tu explorador de internet.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<style type="text/css">
.img{
position:absolute;
left:50%;
top:50%;
width:500px;
height:400px;
margin-left:-250px;
margin-top:-200px;
display: none;
}
</style>
<script language="javascript" type="text/javascript">
function activarImg(){displayImg();setTimeout('displayImg()','30000');}
function displayImg(){$('img').style.display = ($('img').style.display == '') ? 'block' : ''}
function $(elm){return document.getElementById(elm)}
</script>
</head>
<body>
<img id="img" src="Imagen 464.jpg" width="500px" height="400px" class="img" />
<button type="button" onclick="activarImg()">Ver imagen 30 seg.</button>
</body>
</html>
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar