Imágenes aleatorias en tu blog

Previamente habíamos visto cómo poner frases aleatorias en el blog. Ahora vamos a aprender a poner imágenes aleatorias, de manera que, al actualizar la página las imágenes cambiarán.

Para ello utilizaremos este script:

<script language="JavaScript">
function ver_imagen()
{
n=0;
this[n++]="URL DE LA IMAGEN 1";
this[n++]="URL DE LA IMAGEN 2";
this[n++]="URL DE LA IMAGEN 3";
this[n++]="URL DE LA IMAGEN 4";
this[n++]="URL DE LA IMAGEN 5";
this.N=n;
}

var imagen=new ver_imagen();
src= imagen[ Math.floor(Math.random() * imagen.N) ] ;
document.write("<img src="+src+">");
</script>

Ahora simplemente sustituye URL DE LA IMAGEN X por la dirección te tu imagen.

Para añadir más imágenes simplemente agrega líneas como esta:

this[n++]="URL DE LA IMAGEN 1";

Pega el código para mostrar las imágenes aleatorias.

Puedes pegar el script en un gadget html-javascript en la parte de diseño.

Así de sencillo ^_^