¿Cómo mostrar imágenes aleatorias con HTML puro?

username666 · 20 Oct 2019

Titulo.
¿Se podrá?
Necesito agregar algo como:

<img src="imagen.png">

En donde "imagen.png" sean varias imágenes cada vez que refresque el sitio
Sin librerías, sin PHP ni htaccess

quimbox · 20 Oct 2019

Hola @username666 lea esta publicación en stackoverflow donde ofrecen soluciones a lo que usted quiere hacer usando Javascript

Mostrar imagenes aleatorias

laider91 · 20 Oct 2019

Es java, pero es el codigo tal cual, no necesitas ni librerias ni nada, espero que te sirva.

Insertar CODE, HTML o PHP:

<html>
<head>
<script >
var objetos = new Array();
objetos[0] = "../papanoel.gif";
objetos[1] = "../miemoticon.gif";
objetos[2] = "../papanoel2.gif";

function aleatorio() {
    var azar = Math.floor(Math.random() * objetos.length);
    document.images["imagen"].src = objetos[azar];
}
</script>
</head>


<body onload="aleatorio()">
     <img src="" name="imagen" />
</body>
</html>

Christianabreuh · 20 Oct 2019

Javascript es la solución

johan · 20 Oct 2019

puro No creo minimo javascript o php es facil 3 lineas de codigo en google saludo

username666 · 21 Oct 2019

laider91 dijo:

Es java, pero es el codigo tal cual, no necesitas ni librerias ni nada, espero que te sirva.

Insertar CODE, HTML o PHP:

<html>
<head>
<script >
var objetos = new Array();
objetos[0] = "../papanoel.gif";
objetos[1] = "../miemoticon.gif";
objetos[2] = "../papanoel2.gif";

function aleatorio() {
    var azar = Math.floor(Math.random() * objetos.length);
    document.images["imagen"].src = objetos[azar];
}
</script>
</head>


<body onload="aleatorio()">
     <img src="" name="imagen" />
</body>
</html>

Gracias, me funcionó perfecto

¿Cómo mostrar imágenes aleatorias con HTML puro?

username666

quimbox

laider91

Christianabreuh

johan

username666

Temas similares