Imágenes aleatorias

Hey babies! Creo que debo aprender a organizarme mejor, porque siento que voy a agobiarme con tantas cosas que tengo que hacer en mi día a día, encima yo me meto en unos proyectos muy grandes y la cosa ya se desborda XD proyectos que me apasionan pero uff...

Hoy vengo con un pequeño tutorial de cómo hacer que nuestras imágenes aparezcan de forma aleatoria, porque si os habéis dado cuenta, en el primer widget de la izquierda hay un gif... un gif que misteriosamente cambia cada vez que se actualiza la página, pero hoy revelaré el truco de magia 😂 aunque si soy completamente sincera, es algo bastante sencillo.

1. Creamos el wigdet de lo que queramos, yo lo hice para el Sobre mí, pero vosotros podéis hacerlo de lo que queráis.

2. Ahora lo que tenemos que hacer es añadir el siguiente código donde queremos que vayan esas imágenes:

<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>

Solo hay que modificar lo que está en negrita por la url de nuestra imagen o gif (en mi caso, claro).

3. Si queremos añadir más imágenes solo hay que agregar el siguiente código y cambiar, de nuevo, lo que está en negrita por la url de la imagen:

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