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 a scelta
Postato da webmaster il Sunday, 02 November @ 07:00:00 CET
Contributo di webmaster

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 (4) 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.




 
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: 1


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