Imagen flotante al azar

El otro día AlexTfe26 me compartió un código que algunos habían solicitado.

Ya sabemos cómo poner una imagen flotante en una esquina del blog; esto es, tener una imagen que no se mueva, que se conserve estática aun cuando se baje el scroll de la página.

Pero qué mejor que esa imagen pueda ser distinta, es decir, que cambie al azar cada vez que se recarga la página.

Para agregarla a tu blog sólo entra en Plantilla | Edición de HTML y antes de </body> pega esto:

<script language='JavaScript'>
imagenes = new Array(3)

imagenes[0] = &quot;<img border='0' src='URL de la imagen' style='position:fixed; bottom:0; right:0;'/>&quot;
imagenes[1] = &quot;<img border='0' src='URL de la imagen' style='position:fixed; bottom:0; right:0;'/>&quot;
imagenes[2] = &quot;<img border='0' src='URL de la imagen' style='position:fixed; bottom:0; right:0;'/>&quot;

aleatorio = Math.random() * (imagenes.length)
aleatorio = Math.floor(aleatorio)
document.write(imagenes[aleatorio])

</script>

Agrega donde se indica las URL de las imágenes que quieres para tus imágenes estáticas.
Si quieres agregar otra imagen añade otra línea como esta:

imagenes[3] = &quot;<img border='0' src='URL de la imagen' style='position:fixed; bottom:0; right:0;'/>&quot;

Recuerda que por cada línea que agregues deberás asignarle un número (color azul) y al inicio del código deberás poner el número total de imágenes que tienes (color verde).

Para comprobar los resultados entra varias veces en este blog de pruebas o presiona la tecla F5 y verás que cambia la imagen flotante que se encuentra en la parte inferior derecha.