Imagen aleatoria con javaScript

tuxy · #1 (**permalink**) 24/02/2008, 05:31

Buenas a todos !!

Vereís tengo un problemilla y no le veo la solución. Quiero crear un javaScript para las imagenes sean aleatorias de un bloque de publicidad que tengo, y la verdad es que no entiendo el que pasa pero, se me ve a veces con una X como si no existiera una imagen aqui os dejo el codigo:

Código:

<script language="JavaScript"> 
var imagenumber = 3; 
var randomnumber = Math.random(); 
var rand1 = Math.round( (imagenumber-1) * randomnumber); 

images = new Array; 
images[1] = "FOTO1.JPG"; 
images[2] = "FOTO2.JPG"; 
images[3] = "FOTO3.JPG"; 
 


links = new Array; 
links[1] = "URL 1"; 
links[2] = "URL 2";
links[3] = "URL 3"; 


var image = images[rand1]; 
var link = links[rand1]; 
</script> 
</head> 

<body> 
<p align="center"><script>document.write('<a href="'+link+'"><img src="'+ image +' " style="border: 0px;"></a>')</script> </p>
</body>

Gracias de antemano

JavierB · #2 (**permalink**) 24/02/2008, 05:45

Hola tuxy

Comprueba que esté bien puesta la ruta de la imagen y que el nombre está bien escrito (mayúsculas/minúsculas) Si pones un enlace a tu página, echaremos un ojo.

Saludos,

Panino5001 · #3 (**permalink**) 24/02/2008, 05:48

Sucede que los valores aleatorios de tu ejemplo pueden ser 0,1 ó 2. y el índice cero no existe en tus arrays:

Código PHP:

  images = new Array;  
images[1] = "FOTO1.JPG";  
images[2] = "FOTO2.JPG";  
images[3] = "FOTO3.JPG";  
links = new Array;  
links[1] = "URL 1";  
links[2] = "URL 2"; 
links[3] = "URL 3";

Como ves, empiezan con 1. Incluso FOTO3.jpg nunca te aparecerá.
Cambiá los índices de esta manera:

Código PHP:

  images = new Array;  
images[0] = "FOTO1.JPG";  
images[1] = "FOTO2.JPG";  
images[2] = "FOTO3.JPG";  
links = new Array;  
links[0] = "URL 1";  
links[1] = "URL 2"; 
links[2] = "URL 3";

tuxy · #4 (**permalink**) 24/02/2008, 06:55

Ya esta puesto así si te fijas en el codigo que he copiado, estan puestos tal y como he comentaod pero no se me ven las imagenes la 3a no se me ve...

Panino5001 · #5 (**permalink**) 24/02/2008, 07:13

Cita:

Iniciado por tuxy

Ya esta puesto así si te fijas en el codigo que he copiado, estan puestos tal y como he comentaod pero no se me ven las imagenes la 3a no se me ve...

O soy ciego o en el código que copiaste los índices (números entre corchetes) van del 1 al 3, no del 0 al 2.

tuxy · #6 (**permalink**) 24/02/2008, 07:57

Vale vale, perdona Panino5001, ya lo ví el ciego soy yo ejejej perdona

Panino5001 · #7 (**permalink**) 24/02/2008, 07:59

delgaillo · #8 (**permalink**) 13/04/2010, 03:46

Muy bueno el post, me va a servir mucho. Gracias!.