Mostrar imagen en 2 segundos

[Layla123]

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 (javascript) [Seleccionar] Expandir


function Instrucciones() {
setTimeout(imginstrucciones, 2000);//2segundos
}
function imginstrucciones() {
alert('imagen de instrucciones');
}


M

[ivancea96]

¿Que se muestre dónde? Si quieres que se muestre en evz del documento, por ejemplo, bastaría un:

Código (javascript) [Seleccionar] Expandir

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 (javascript) [Seleccionar] Expandir

document.getElementById("divElementoImagen").innerHTML = "<img src='...'></img>";
En fin, sería una posibilidad.

[Layla123]

Gracias, pero ya lo he resuelto y quedo asi.

Código (javascript) [Seleccionar] Expandir


  function Instrucciones()
  {   
setTimeout(tiempo,2000);//ejecutar instrucciones en  2 segundos
}
   function tiempo()
  { 
  $("#ModalInstrucciones").modal("show");
   }


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