Visualizzare Immagini Casuali nell'Header

Visualizzare Immagini Causali nell'Header ad ogni pagina visitata del vostro blog, rende il sito molto più dinamico e creativo, consiglio agli utenti di non esagerare con l'inserimento delle immagini perchè potrebbe causare il rallentamento del Blog stesso. Vedi esempio (sfogliando le pagine vedrete che l'immagine nell'Header cambia).

Per fare tutto ciò dobbiamo fare soltanto un passaggio, inserire un codice HTML.
Andiamo su Elementi pagina --> Aggiungi u gadget --> HTML/JavaScript e inseriamo questo codice:

<!--Immagini Casuali Header Inizio-->

<script type="text/javascript">

var banner= new Array()

banner[0]="http://img135.imageshack.us/img135/6443/foto0cs3.jpg"

banner[1]="http://img94.imageshack.us/img94/338/foto1cs3.jpg"

banner[2]="http://img7.imageshack.us/img7/3262/foto2cs3.jpg"

banner[3]="http://img863.imageshack.us/img863/6974/foto3cs3.jpg"

banner[4]="http://img17.imageshack.us/img17/3267/foto4cs3.jpg"

var random=Math.round(4*Math.random());

document.write("<style>");

document.write(".header-outer {");

document.write(' background:url("' + banner[random] + '") no-repeat left top;');

document.write(" }");

document.write("</style>");

</script>

<!--Immagini Casuali Header Fine-->

Nelle stringhe in rosso viene sostituito con l'URL delle immagini caricate da voi. Se volete aggiungere altre foto basta continuare con il numero successivo a banner[4] - banner[5] e così via...se aggiungete quest'altri numeri dovete cambiare anche la (4*Math.random()) da 4 a 5 e cosi via...

Postato sotto: Blog,Informatica