Lo script seguente permette di far selezionare al visitatore uno sfondo a piacere,
con la possibilitą di poter variare continuamente la scelta.
Lo script č compatibile sia con Netscape che con Internet Explorer.
L'unico accorgimento da seguire č di scegliere immagini non troppo pesanti
in modo da velocizzare le operazioni di caricamento.
Il codice javascript va inserito fra i tags <head> della pagina.
<!-- INIZIO CODICE -->
<script language="JavaScript">
<!--
var backImage = new Array();
backImage[0] = "sfondo1.gif";
backImage[1] = "sfondo2.gif";
backImage[2] = "sfondo3.gif";
backImage[3] = "sfondo4.gif";
backImage[4] = "";
function change(whichImage){
if (document.body){
document.body.background = backImage[whichImage];
}
}
//-->
</script>
<!-- FINE CODICE -->
La personalizzazione č molto semplice e richiede di impostare, negli Array, i
nomi degli sfondi.
backImage[0] = "sfondo1.gif";
backImage[1] = "sfondo2.gif";
backImage[2] = "sfondo3.gif";
backImage[3] = "sfondo4.gif";
backImage[4] = "";
|
Le possibilitą di inserimento sono infinite e basterą seguire l'ordine
progressivo tra le parentesi quadre. Da notare che il valore () dell'Array
non contiene nessuno sfondo e questo servirą per impostare un background neutro.
Nel corpo della pagina, invece, bisogna inserire i link che richiamano
la funzione del javascript. In questo caso abbiamo due possibilitą: cambiare
lo sfondo con evento onMouseOver oppure con evento onClick.
<a href="#" onMouseOver="javascript:change(0)">Sfondo 1(onMouseOver)</a>
<a href="javascript:change(1)">Sfondo 2 (onClick)</a>
|
Nel primo caso basterą passare con il mouse sopra il link per cambiare il background,
nel secondo, invece, bisognerą cliccare sul link per effettuare la scelta.
In una stessa pagina, come gią detto, si possono mettere un numero illimitato
di scelte, basta fare attenzione a non inserire immagini troppo pesanti per
evitare un rallentamento nel caricamento della pagina.
Sfondo della pagina a scelta
