Imagenes aleatorias con Javascript
Si tenemos varias imágenes para ilustrar una página web,
pero solo queremos mostrar una porque no disponemos de suficiente
espacio o porque no queremos cargarla con demasiadas imagenes
¿Por qué no elegir una ilustración aleatoria?
Ejemplo imagen aleatoria (Recargue la página para ver
otra imagen)
Todo lo que necesitamos es un sencillo código JavaScript
en la página entre las etiquetas <head> y </head>:
<SCRIPT LANGUAGE="javascript">
<!--
function makeArray(n) {
this.length = n;
for (var i=1; i<=n; i++) {
this[i] = "";
}
return this;
}
var i;
function imagealeatoire() {
i = Math.floor(3 * Math.random() + 1);
return image[i];
}
image = new makeArray(3);
image[1]="image_1.jpg";
image[2]="image_2.jpg";
image[3]="image_3.jpg";
// -->
</SCRIPT>
Simplemente especificamos el nombre y el camino completo de
las imágenes en las variables image[X]. Si deseamos
utilizar más de tres imágenes para su efecto, añadimos otra
línea para cada imagen adicional, tal como image[4]="image_4.jpg", image[5]="image_5.jpg", y así sucesivamente.
Por último colocamos este script donde queremos que aparezca la imagen:
<SCRIPT language="javascript">document.write("<IMG SRC=" +imagealeatoire() +" WIDTH=200 HEIGHT=200 BORDER=0>");</SCRIPT>
Copyleft
Titapg 2008