Benvenuto su Oceano Risorse per Webmasters
Modules
· Home
· Argomenti
· Backgrounds
· Banners
· Colorhex
· Downloads
· Fonts
· Gallery
· Gif Animate
· Javascripts
· Manuali
· Recommend Us
· Themes
· Wallpapers
· Web Links
Gallery



Partners
Hosting gratuito

Open Source software development website

HTML.it - il portale italiano sul web publishing

Gratis.it

Dynamic Drive - DHTML code library

BOORP - archivio di risorse gratuite
Shinystat
 
Grafica Sfondo della pagina random
Postato da webmaster il Sunday, 02 November @ 07:00:00 CET
Contributo di webmaster

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.


 
Links Correlati
· Indice Grafica
· Inoltre Grafica
· News by webmaster


Articolo più letto relativo a Grafica:
Immagine che si illumina al passaggio del mouse

Valutazione Articolo
Average Score: 5
Voti: 8


Please take a second and vote for this article:

Eccellente
Molto Buono
Buono
Regolare
Cattivo

Opzioni

 Pagina Stampabile Pagina Stampabile

Associated Topics

GraficaJavascript





Questo sito è ospitato gratuitamente da Altervista
Tutti i logos e i marchi presenti in questo sito sono dei loro proprietari.
I commenti sono proprietà  di chi li ha postati, tutto il resto © 2002 by Oceano Risorse per Webmasters
PHP-Nuke Copyright © 2005 by Francisco Burzi. This is free software, and you may redistribute it under the GPL. PHP-Nuke comes with absolutely no warranty, for details, see the license.
Generazione pagina: 0.04 Secondi

Theme by

© Oceanoweb