Abbiamo gģą visto come impostare un'immagine di sfondo e come far
scegliere all'utente l'immagine da impostare.
Con questo semplice script faremo in modo che l'immagine di sfondo cambi ad ogni
caricamento della pagina.
Il codice va inserito fra i tags <head> del documento:
<!-- INIZIO CODICE -->
<script type="text/javascript" language="javascript">
var background = new Array();
background[0] = "sfondo00105.gif";
background[1] = "sfondo00111.gif";
background[2] = "sfondo00121.gif";
background[3] = "sfondo00133.gif";
background[4] = "sfondo00156.gif";
var bNum = Math.round(Math.random() * (background.length - 1));
var sfondo = background[bNum];
document.write("<body background=\"" + sfondo + "\">");
</script>
<!-- FINE CODICE -->
Vediamolo nel dettaglio.
Per prima cosa definiamo la variante background, creando un array che conterrą
le immagini che vogliamo usare:
var background = new Array();
background[0] = "sfondo00105.gif";
background[1] = "sfondo00111.gif";
background[2] = "sfondo00121.gif";
background[3] = "sfondo00133.gif";
background[4] = "sfondo00156.gif";
|
non c'č limite al numero di immagini che possono essere inserite, basta far
attenzione ad incrementare il valore dell'array per ogni immagine. Ad esempio
se volessimo aggiungere un'altra immagine alla lista, dovremmo inserire la
stringa seguente in fondo all'elenco:
|
background[5] = "sfondo00157.gif";
|
subito dopo definiamo la variante bNum, che conterrą un numero random preso tra i
valori dell'array:
|
var bNum = Math.round(Math.random() * (background.length - 1));
|
per ultima definiamo la variante sfondo, che conterrą il nome del file che verrą
usato per impostare lo sfondo:
|
var sfondo = background[bNum];
|
infine inseriamo un'istruzione document.write, per impostare il background
nel tag <body> del documento:
|
document.write("<body background=\""+ sfondo + "\">");
|
Gli unici valori che possono essere modificati sono quelli della variante background,
dove vengono specificati l'eventuale percorso e il nome file delle immagini.
Il resto dello script va lasciato intatto.
Sfondo della pagina random
