HTML - ¿Código para hacer aparecer una imagen en HTML?

   
Vista:

¿Código para hacer aparecer una imagen en HTML?

Publicado por Pedro (1 intervención) el 03/10/2015 13:02:11
Hola!
Estoy empezando a programar en HTML, y lo que quiero es que aparezca una imagen (pequeña, aunque eso es irrelevante) cada X tiempo en una zona aleatoria de la página (como si fuera un easter egg)

No se si me he explicado bien, espero que me entiendan, un saludo.
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
-1
Responder
Imágen de perfil de Angel Komander

¿Código para hacer aparecer una imagen en HTML?

Publicado por Angel Komander (101 intervenciones) el 05/10/2015 18:39:37
mira amigo, aqui te dejo este codigo, te recarga la imagen cada 5 segundos ;)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<!DOCTYPE html>
<html lang="es">
<head>
	<meta charset="UTF-8">
	<title>Recargar Imagen Cada 5 Segundos</title>
</head>
<body>
<img id="imagen" src="" alt="Imagen" width="128" height="" />
 
<script type="text/javascript">
function recargar_imagen() {
    /* Un elemento por imagen de fondo deseado */
    var fondos = [
        "http://www.macuarium.com/actual/img/2004/02/08_osxicons_6/home.jpg",
        "http://iconos.gratis.es/iconos/avatares-personas/armadura_avatar.png",
        "http://1.bp.blogspot.com/-xK2IJjw4_Qk/UDovPLPNbgI/AAAAAAAAByg/yGCo9mkbuDA/s1600/IconoCorazonAmoYouTube.png",
        "http://4.bp.blogspot.com/_hljKDuw-cxQ/S3ojYzz4J-I/AAAAAAAAPIw/NbZMlREVdc0/s00/5kitty_icons.png"
    ];
    /* Cambio de imagen de fondo asegurando que no se repetirá el anterior */
    do {
        indice = Math.floor(Math.random() * fondos.length);
    } while (fondos.length > 0 && indice == anterior);
    anterior = indice;
    /* Cambio efectivo de la imagen de fondo */
    imagen.src = fondos[indice];
}
/* Cambiamos el fondo de pantalla cuando todo haya sido descargado */
var indice, anterior = -1;
window.onload = function(){
    var imagen = document.getElementById("imagen");
    recargar_imagen();
};
 
// Establecemos el temporizador a 5 segundos
timer = setInterval("recargar_imagen()", 5000);
</script>
</body>
</html>

Demo:
http://codepen.io/AngelKrak/pen/bVWdjV
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