Fondo blog script que lo modifica en cada visita

LuJo



Esta entrada es una chorrada que carga la página y el script vuelve loco a cualquiera....


Cada vez que se refresca la página o se entra al blog, la imagen de fondo es distinta. Para conseguir este efecto es necesario tener una imagen aplicada como fondo del blog:

body {
background-image: url(URL _dirección_de_tu_ imagen);

1. Añadimos un nuevo gadget html-javascript y pegamos:


<script type="text/javascript">
var banner= new Array()
banner[0]="Image01URL"
banner[1]="Image02URL"
banner[2]="Image03URL"
banner[3]="Image04URL"
banner[4]="Image05URL"
banner[5]="Image06URL"
banner[6]="Image07URL"
banner[7]="Image08URL"
banner[8]="Image09URL"
banner[9]="Image10URL"
var random=Math.floor(10*Math.random());
document.write("<style>");
document.write("body {");
document.write(' background:url("' + banner[random] + '") repeat center center;');
document.write(" }");
document.write("</style>");
</script>


En Math.floor está puesto el número 10, las imágenes se enumeran del cero a las que queramos y siempre se pone un número más de las imágenes que tenemos en Math.floor.
Hay que usar para el fondo una imagen pequeña para que al repetirse ( repeat center center;) ocupe toda la pantalla.





 


UP