Foros del Web » Creando para Internet » Flash y Actionscript »

Crear transicion aleatoria de imagenes en página de inicio.

Estas en el tema de Crear transicion aleatoria de imagenes en página de inicio. en el foro de Flash y Actionscript en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 25/06/2010, 01:51
 
Fecha de Ingreso: mayo-2010
Ubicación: Bilbao
Mensajes: 105
Antigüedad: 14 años, 5 meses
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
  #2 (permalink)  
Antiguo 25/06/2010, 07:45
 
Fecha de Ingreso: mayo-2010
Ubicación: Argentina
Mensajes: 61
Antigüedad: 14 años, 5 meses
Puntos: 6
Respuesta: Crear transicion aleatoria de imagenes en página de inicio.

Hola itzaliluna,

El error aquí es de concepto, el código actioscript no se pega dentro de la página HTML, es decir, no funciona igual que javascript.

Actionscript es el lenguaje de programación de Flash, es decir, se incluye dentro de un archivo .fla y se exporta como SWF.

Te recomiendo que, si no quieres usar Flash, utilices Jquery, que funciona con javascript, es gratis y quizás te sea más familiar.


Saludos
  #3 (permalink)  
Antiguo 25/06/2010, 08:26
Avatar de golem44  
Fecha de Ingreso: enero-2009
Ubicación: barcelona
Mensajes: 483
Antigüedad: 15 años, 10 meses
Puntos: 22
Respuesta: Crear transicion aleatoria de imagenes en página de inicio.

En flash hay una propiedad random, con el que puedes sacar una variable aleatoria. Pero como dice evo_it tienes que hacerlo en flash. Estas mezclando lenguajes.

espero ayudar, saludos
  #4 (permalink)  
Antiguo 28/06/2010, 02:42
 
Fecha de Ingreso: mayo-2010
Ubicación: Bilbao
Mensajes: 105
Antigüedad: 14 años, 5 meses
Puntos: 1
Respuesta: Crear transicion aleatoria de imagenes en página de inicio.

Gracias a los dos, creo que efectivamente me he liado con los conceptos. Al parecer lo que quiero hacer se hace mediante javascript. Ya he abierto un tema en esa sección. Lo del jquery, no se ni que es, únicamente me suena de oiros hablar de él.
En principio no me quería liar mucho, voy a terminar con la parte que se hacer y si eso, ya me meteré a estudiar lo de Jquery.
En flash estoy seguro de que sabría hacerlo, aunque sé poquito del tema, el problema es que no me gusta a priori que no pueda verse en los iphone.

Gracias de nuevo y un saludo
  #5 (permalink)  
Antiguo 28/06/2010, 05:24
Avatar de golem44  
Fecha de Ingreso: enero-2009
Ubicación: barcelona
Mensajes: 483
Antigüedad: 15 años, 10 meses
Puntos: 22
Respuesta: Crear transicion aleatoria de imagenes en página de inicio.

Desde luego itzaliluna, lo del iPhone es una verguenza...
  #6 (permalink)  
Antiguo 28/06/2010, 07:36
 
Fecha de Ingreso: mayo-2010
Ubicación: Argentina
Mensajes: 61
Antigüedad: 14 años, 5 meses
Puntos: 6
Respuesta: Crear transicion aleatoria de imagenes en página de inicio.

Bueno, si quieres usar javascript puedes usar jquery, es fácil, te paso el sitio para que husmees: jquery.com

fijate n este lugar están los efectos: http://api.jquery.com/category/effects/

Saludos
  #7 (permalink)  
Antiguo 28/06/2010, 08:32
 
Fecha de Ingreso: mayo-2010
Ubicación: Bilbao
Mensajes: 105
Antigüedad: 14 años, 5 meses
Puntos: 1
Respuesta: Crear transicion aleatoria de imagenes en página de inicio.

Gracias,

He estado revisando un poco los tutoriales que aparecen en el enlace que me has pasado y aunque no he encontrado lo que buscaba, he visto cosas muy interesantes. Entre ellas me quedo con la siguiente

http://www.1stwebdesigner.com/design...lay-solutions/

Muestra diferentes maneras de hacer galerias de imagenes, no parecen ser aleatorias, pero bueno, para empezar a enterarme de que va puede servir.

Parece que es javascript puro y duro, me tendré que poner las pilas.

Un saludo
  #8 (permalink)  
Antiguo 28/06/2010, 10:53
Avatar de golem44  
Fecha de Ingreso: enero-2009
Ubicación: barcelona
Mensajes: 483
Antigüedad: 15 años, 10 meses
Puntos: 22
Respuesta: Crear transicion aleatoria de imagenes en página de inicio.

En actionScript 2.0 sería así:
function randRange(min:Number, max:Number):Number {
var randomNum:Number = Math.floor(Math.random()*(max-min+1))+min;
return randomNum;

}
var n:Number = randRange(1, 6);

esto te da un valor aleatorio entre 1 y 6 que es "n"
de esta manera podrías poner:
loadMovie("imagen"+n+".jpg", _level0.contenedor);

(por ejemplo)
saludos otra vez.

Etiquetas: aleatoria, imagenes, inicio, transicion
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 08:59.