AYUDA - ¿Hacer que aparezca una imagen aleatoria?

S

SergioJara

Hierro
Mensajes
197
Puntuación de reacción
0
Muy buenas, estaba modificando una plantilla de blogger y se me ha ocurrido hacer una cosa pero no se como.

Me explico mejor, lo que quiero hacer es lo siguiente:

Tengo unas imágenes alojadas en una carpeta online (ya sea dropbox, o cualquier galería online), bien, pues quiero que una de esas imágenes aparezca en la web y aleatoriamente se cambie por otra cada día.

Pero no termina ahi la cosa, las entradas se muestran así actualmente en la web:
entradademuestra-1186834.png


Pues quiero añadir las imagenes aleatorias automaticamente a los post de las entradas. Que en lugar de las etiquetas (labels) aparezca la imagen aletoria cada vez que se publique una entrada y cambien cada día.

¿Es muy complicado? ¿Algun consejo de por donde empezar?
 
PabloA

PabloA

Hierro
Mensajes
346
Puntuación de reacción
1
SergioJara dijo:
Muy buenas, estaba modificando una plantilla de blogger y se me ha ocurrido hacer una cosa pero no se como.

Me explico mejor, lo que quiero hacer es lo siguiente:

Tengo unas imágenes alojadas en una carpeta online (ya sea dropbox, o cualquier galería online), bien, pues quiero que una de esas imágenes aparezca en la web y aleatoriamente se cambie por otra cada día.

Pero no termina ahi la cosa, las entradas se muestran así actualmente en la web:
entradademuestra-1186834.png


Pues quiero añadir las imagenes aleatorias automaticamente a los post de las entradas. Que en lugar de las etiquetas (labels) aparezca la imagen aletoria cada vez que se publique una entrada y cambien cada día.

¿Es muy complicado? ¿Algun consejo de por donde empezar?
Click para expandir ...

Sergio Jara fijate si algo asi te sirve, no se si es loq ue buscas pero a mi me resolvio algo parecido. Abrazo.

Código: 
<html>
<head>
<script >
var objetos = new Array();
objetos[0] = "Imagen";
objetos[1] = "Imagen";
objetos[2] = "Imagen";

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>
 
S

SergioJara

Hierro
Mensajes
197
Puntuación de reacción
0
PabloA dijo:
Sergio Jara fijate si algo asi te sirve, no se si es loq ue buscas pero a mi me resolvio algo parecido. Abrazo.

Código: 
<html>
<head>
<script >
var objetos = new Array();
objetos[0] = "Imagen";
objetos[1] = "Imagen";
objetos[2] = "Imagen";

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>
Click para expandir ...

Le echaré un vistazo ¡muchas gracias!
 
Debes iniciar sesión o registrarte para participar.

Comparte esta página

Arriba