Imagen flotante aleatoria



En Prosopopeya Divagante vi el otro día una imagen flotante con efecto aleatorio, cambia la imagen cada vez que actualizamos la página. Podéis verlo accediendo al blog de NeNe_WeNo y pulsando f5 para actualizar la página.

Las imágenes las ha creado el autor del blog, pero también podemos hacerlo con otras imágenes añadiéndoles un bocadillo o simplemente con un texto de bienvenida. Esta otra idea tampoco está nada mal, todo es cuestión de probar.

El código para añadir las imágenes flotantes lo podemos añadir en edición HTML justo antes de </body> y es el siguiente:


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

imagenes[0] = "<img border='0' src='url-de-la-imagen' style='position:fixed; bottom:0; right:0;'/>"
imagenes[1] = "<img border='0' src='url-de-la-imagen' style='position:fixed; bottom:0; right:0;'/>"
imagenes[2] = "<img border='0' src='url-de-la-imagen' style='position:fixed; bottom:0; right:0;'/>"
imagenes[3] = "<img border='0' src='url-de-la-imagen' style='position:fixed; bottom:0; right:0;'/>"
imagenes[4] = "<img border='0' src='url-de-la-imagen' style='position:fixed; bottom:0; right:0;'/>"
imagenes[5] = "<img border='0' src='url-de-la-imagen' style='position:fixed; bottom:0; right:0;'/>"
imagenes[6] = "<img border='0' src='url-de-la-imagen' style='position:fixed; bottom:0; right:0;'/>"
imagenes[7] = "<img border='0' src='url-de-la-imagen' style='position:fixed; bottom:0; right:0;'/>"
imagenes[8] = "<img border='0' src='url-de-la-imagen' style='position:fixed; bottom:0; right:0;'/>"

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

</script>



En negrita es la url de las imágenes que podemos sustituir por las nuestras.
Si deseamos añadir menos imágenes bastará con suprimir alguna línea de código ejemplo :

imagenes[8] = "<img border='0' src='http://i41.servimg.com/u/f41/12/11/79/42/dudo10.png' style='position:fixed; bottom:0; right:0;'/>"

En el caso de aumentar bastará con aumentar otra línea como imagenes[9] y donde imagenes = new Array(9) cambiaremos 9 por 10, (o por el número de líneas añadidas)


0 comentarios:

Publicar un comentario