Imágenes aleatorias con Javascript
Una de las formas más sencillas de transmitir la «vida» de un sitio web es ofrecer a nuestros visitantes algo nuevo en cada una de sus visitas. Con este sencillo Javascript podremos servir imágenes aleatorias, por ejemplo la cabecera que cambiará con cada carga de página.
- <script language="JavaScript" type="text/javascript">
- <!--
- // La función devuelve un número entre 0 y "nums - 1"
- function getRandom(nums)
- {
- var ranNum= Math.round(Math.random()*nums);
- return ranNum;
- }
- // Nos dice cuantas imágenes tenemos
- var numberOfImages = 5;
- var randomNumber = getRandom(numberOfImages);
- // Creamos un Array con los nombres de las imagenes, introduce tantas como necesites pero recuerda actualizar también la variable numberOfImages
- var image = new Array(numberOfImages);
- image[0]="imagen1.gif";
- image[1]="imagen2.gif";
- image[2]="imagen3.gif";
- image[3]="imagen4.gif";
- image[4]="imagen5.gif";
- // Escribimos la etiqueta img con una imagen aleatoria
- document.write("<img xsrc='" + image[randomNumber] + "' />");
- --></script>
Se trata de un script muy sencillo que aprovecha una función que nos devuelve números de forma aleatoria. Es, por tanto, importante que todas nuestras imágenes estén renombradas según un patrón: imagen*.gif, por ejemplo.
Otras entradas
Esta entrada fue publicada por Alma Fernández el Lunes, 13 de Noviembre de 2006 y está archivada en: Codigo, Javascript. Puedes dejar un comentario, o enviar un trackback desde tu sitio.
