Imagen flotante centrada

Estado
No está abierto para más respuestas.
Mensajes
399
Puntuación de reacción
2
Hola,

Quería saber cómo poner una imagen flotante en el centro de la página. Pero no que salga automáticamente, sino pasados unos segundos desde que el visitante está en la página o cuando ha hecho scroll.

¿Alguien sabe si existe algún plugin o script?

Gracias!
 

Seyder

Piedra
Usuario de Piedra
Mensajes
66
Puntuación de reacción
0
Esto en la parte de CSS:

.tudiv {
position: absolute;
left: 50%;
top: 50%;
width: 400px; // El tamaño de ancho de tu div
height: 200px; // El tamaño de alto de tu div
margin: -100px 0 0 -200px; // el primer valor será la mitad de la altura de tu anterior div, y el último la mitad del ancho.
}

Esto en la parte de Javascript:

<script>
setTimeout(function(){document.getElementById("id_del_div").style.display = "none"}, 6000);
// 6000 son 6 segundos, 5 5000 y así...
</script>

En el HTML tu div debe tener la id igual que en el código JS

<div id="id_del_div" class="tudiv"></div>
 
Estado
No está abierto para más respuestas.
Arriba