Mostrar imagenes al azar

jorgegetafe · #1 (**permalink**) 01/09/2008, 04:59

Hola, tengo unas fotografías subidas a imagenshack, tengo la url de cada una de ellas.
Lo que quiero es un script o similar en el que pueda hacer un array con las direcciones de las fotos y que muestre una de forma aleatoria cada vez que entre en la página.

Muchas gracias.

Wyatt_2009 · #2 (**permalink**) 01/09/2008, 07:56

Así a bote pronto:

Código Javascript

var fotos = new Array();

// Introducimos las fotos en el array.
fotos[0] = "url de la foto 0";
fotos[1] = "url de la foto 1";
fotos[2] = "url de la foto 2"; // etc.

// Genera un número aleatorio dentro de un intervalo.
function aleatorio (inferior, superior)
{
var numPosibilidades = superior - inferior;
var aleat = Math.random() * numPosibilidades;
aleat = Math.round(aleat);
return parseInt(inferior) + aleat;
}

// Carga una foto aleatoria.
function cargarFotoAleatoria ()
{
document.getElementById("imagen_aleatoria").src = fotos[aleatorio(0, fotos.length-1)];
}

Código HTML

<body onload="cargarFotoAleatoria()">
<img id="imagen_aleatoria" src=""/>
</body>

David · #3 (**permalink**) 01/09/2008, 10:21

El tema ha sido tratado varias veces.

Siempre es bueno hacer una búsqueda antes de preguntar:
http://www.google.com/search?hl=es&c...tnG=Buscar&lr=

Saludos

.

jorgegetafe · #4 (**permalink**) 01/09/2008, 13:49

Muchas gracias, es justo lo que queria