¿Es posible hacer un random de imágenes con HTML puro?

username666

Beta
Verificación en dos pasos desactivada
Desde
31 Jul 2019
Mensajes
98
Crédito(s)
0
Puntos
0
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
 

laider91

Beta
Verificación en dos pasos desactivada
Desde
24 Feb 2014
Mensajes
91
Edad
32
Crédito(s)
0
Puntos
19
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>
 

johan

Lambda
Verificación en dos pasos desactivada
Desde
19 Ene 2011
Mensajes
2.867
Crédito(s)
0
Puntos
1.142
puro No creo minimo javascript o php es facil 3 lineas de codigo en google saludo
 

username666

Beta
Verificación en dos pasos desactivada
Desde
31 Jul 2019
Mensajes
98
Crédito(s)
0
Puntos
0
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
 

Arriba