Ver Mensaje Individual
  #1 (permalink)  
Antiguo 25/06/2010, 01:51
itzaliluna
 
Fecha de Ingreso: mayo-2010
Ubicación: Bilbao
Mensajes: 105
Antigüedad: 14 años
Puntos: 1
Crear transicion aleatoria de imagenes en página de inicio.

Hola a todos,

Creo que no es muy original, pero estaba pensando en crear una pequeña animación de imagenes (alrededor de 8) en la página index de un sitio y que cada vez que entraras iniciara con una diferente. Creo saber como se haría en flash, pero a menos que sea imposible preferiría hacerlo con actionscript y html.

Antes de preguntar he consultado en el buscador y he encontrado algunos hilos de los cuales el que más se aproxima a lo qu ebusco es el siguiente:

http://www.forosdelweb.com/f16/imagen-animacion-aleatoria-flash-282074/

hace referrencia a un código de developmex:

// Creamos un array con todos los valores posibles
mi_array = new Array();
mi_array[1] = "1.jpg";
mi_array[0] = "2.jpg";
// Creamos un valor aleatorio que se encuentre entre esos valores
aleatorio = random(mi_array.length)+1;
// Cargamos la pelicula
panel_mc.loadMovie(mi_array[aleatorio]);
// Y asi cargaras una imagen aleatoria, listo.
---------------------

He intentado poner el siguiente codigo pero no funciona.

<script> mi_array = new Array();
mi_array[0] = <img src="Imagenes/animacion01.jpg" width="960" height="355" />;
mi_array[1] = <img src="Imagenes/animacion02.jpg" width="960" height="355" />;
mi_array[2] = <img src="Imagenes/animacion03.jpg" width="960" height="355" />;

aleatorio = random(mi_array.length)+1;
</script>

<div id="animacion"> mi_array[aleatorio]</div>


1º -> No tengo ni idea de como hacerle ver que lo que quiero que me cargue sea la variable "aleatorio", el programa únicamente me muestra escrito en pantalla "mi-array[aleatorio]".

he probado también con <div id="animacion"> <img src= (aleatorio) /></div>

Se nota que soy novato

2º El codigo lo he metido dentro de un script, y no se si lo he hecho bien, tampoco tengo claro si puede ir en el body o tiene que ir en el head de la página.

----------------------------

Por otro lado he encontrado un hilo donde explican como hacerlo con PHP, aunque no lo entiendo.

http://www.forosdelweb.com/f18/cargar-imagenes-aleatorias-363483/

Preferiría usar Html, pero si me recomendáis que use esto pues cambiaré de idea. Parece un código más sofisticado, pero no entiendo muy bien como usarlo

El forero uamistad propone:

$imagenes=array("img1.jpg","img2.jpg", ...
srand (time()); //para PHP 4.2.0 ya no es necesario llamar a srand
shuffle ($imagenes); //ya están aleatoriamente los elementos



Entiendo que de lo que se trata es de crear un matriz con una serie de imagenes para luego mostrarlas aleatoriamente con el rand. pero no entiendo como ni donde se usa el código

Un saludo y gracias