Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: Layla123 en 12 Mayo 2016, 18:32 pm



Título: Mostrar imagen en 2 segundos
Publicado por: Layla123 en 12 Mayo 2016, 18:32 pm
Hola,me gustaria que me ayudaran, quiero implementar que una imagen se muestre despues de abrir la pagina, esta imagen se debe mostrar a los segundos, esa imagen me gustaria que aparezca en vez del "Alert"
pero no tengo ni la mas minima idea de como hacerlo. Ayuda!!.


Código
  1. function Instrucciones() {
  2. setTimeout(imginstrucciones, 2000);//2segundos
  3. }
  4. function imginstrucciones() {
  5. alert('imagen de instrucciones');
  6. }
  7.  

M


Título: Re: Mostrar imagen en 2 segundos
Publicado por: ivancea96 en 12 Mayo 2016, 19:46 pm
¿Que se muestre dónde? Si quieres que se muestre en evz del documento, por ejemplo, bastaría un:
Código
  1. document.body.innerHTML = "<img src='...'></img>";
Si quieres que se muestre en algún lugar en especial, basta que hagas eso mismo, pero jugando con CSS y con los elementos el HTML. Por ejemplo:
Código
  1. document.getElementById("divElementoImagen").innerHTML = "<img src='...'></img>";
En fin, sería una posibilidad.


Título: Re: Mostrar imagen en 2 segundos
Publicado por: Layla123 en 14 Mayo 2016, 00:46 am
Gracias, pero ya lo he resuelto y quedo asi.

Código
  1.  function Instrucciones()
  2.  {    
  3. setTimeout(tiempo,2000);//ejecutar instrucciones en  2 segundos
  4. }
  5.   function tiempo()
  6.  {  
  7.   $("#ModalInstrucciones").modal("show");
  8.   }
  9.  

Este codigo muestra una imagen flotante a los 2 segundos de haber ejecutado la pagina en nuestro navegador.