Newsgroup: it.comp.www.html
Titolo: Come si ottengono 2 sfondi ?

Quale sintassi occorre per ottenere un primo sfondo
mentre si stà aprendo il file HTML 
e poi, a file aperto, appare quello definitivo ?
L'effetto è davvero niente male
  Gigi 

 wrote in message news:3687bd7...@news.tin.it...


On 29 Dec 1998 09:30:56 +0100, 
gal...@tin.it
 (Gigi) wrote:
un modo per ottenere quell'effetto è:
impostazione di un body di un colore e la creazione di una table
bgcolor diversa che copre tutta la pagina.
Solitamente (non per tutti i browser) il browser in fase di
caricamento legge il colore del body e nel procedere del caricamento
leggera il seguente colore di table che si sovrapporrà al colore del
body.
Però la table deve coprire tutto il documento e quindi richiederà un
<body leftmargin=0 topmargin=0> e un <table width=100% height=100%>
Questa è una delle possibilità. E' una funzione un po casuale e non
ben controllabile e non sono nemmeno sicuro che sia così per i nuovi
browser, comunque puoi sempre provare
ciao
gianfranco

|Però la table deve coprire tutto il documento e quindi richiederà un
|<body leftmargin=0 topmargin=0> e un <table width=100% height=100%>
left e topmargin=0 sono comandi proprietari di Internet Explorer.
L'effetto di cui tu parli, e' ottenibile anche caricando un background come
sfondo: ma e' necessario che l'immagine sia parecchio pesante per far si che
il tempo di caricamento sia lungo quindi l'effetto apprezzabile.
Ma si tratta comunque di un colore fisso + uno sfondo, quindi non di due
sfondi diversi (da come avevo inteso io la domanda)
Aspettiamo dettagli dal richiedente :-))
dap

|Quale sintassi occorre per ottenere un primo sfondo
|mentre si stà aprendo il file HTML
|e poi, a file aperto, appare quello definitivo ?
|L'effetto è davvero niente male
|  Gigi
In IE4 e non in NS4 (o forse è il contrario?) è possibile modificare l'attributo
background attraverso uno script in JS..... però funziona solo con uno dei due browser!
CIAO.

L'effetto è davvero niente male
Non ho capito bene di cosa parli, ma cerco comunque di darti un consiglio.
1) Se vuoi che venga visualizzato un colore uniforme di sfondo prima che venga
caricato e realizzato l'eventuale sfondo ad immagine, basta che utilizzi
l'attributo BGCOLOR del tag BODY.
2) Se vuoi che venga visualizzato un background "leggero" (in termini di byte)
prima di quello contenuto nell'attributo BACKGROUND del tag BODY, potresti
giocare con gli eventi onLoad e onUnload.
~#~#~#~#~#~#~#~#~#~#~#~#~#~#~#~#~#~#~#~#~#~#~#~#~#~
Gabriele Bertolucci - NT4WKSITA+SP3 - VB5PROITA+SP3
pbe...@bigfoot.com
http://www.bigfoot.com/~pberto/
~#~#~#~#~#~#~#~#~#~#~#~#~#~#~#~#~#~#~#~#~#~#~#~#~#~

Dopo le feste ho nuovamente riprovato, ma invano.
La sintassi che ho trovato curiosando dietro una pagina HTML 
è la seguente:
     <body bgcolor= "#7080a0"  background="sfondsky.gif">
grazie a tutti da Gigi

 wrote:
: La sintassi che ho trovato curiosando dietro una pagina HTML 
: è la seguente:
:      <body bgcolor= "#7080a0"  background="sfondsky.gif">
Il bgcolor lo usa se per un motivo o per l'altro non riesce a caricare
l'immagine specificata.
Quindi l'uno e' l'alternativa dell'altro.
-- 
+-------------------------------------------------------------------------+
|Lorenzo Pulici                                     Erich Weitzmann S.p.A.|         
|
webm...@weitzmann.it
 
http://www.weitzmann.it
|
+-------------------------------------------------------------------------+

|Il bgcolor lo usa se per un motivo o per l'altro non riesce a caricare
|l'immagine specificata.
|Quindi l'uno e' l'alternativa dell'altro.
o anche se lo sfondo da caricare e' molto pesante.. in questo modo ottieni
l'effetto che volevi,, di due sfondi che cambiano.
dap

...
prova questo script
ciao
<script>
     function makearray(n) {
         this.length = n;
         for(var i = 1; i <= n; i++)
             this[i] = 0;
         return this;
     }
     hexa = new makearray(16);
     for(var i = 0; i < 10; i++)
         hexa[i] = i;
     hexa[10]="a"; hexa[11]="b"; hexa[12]="c";
     hexa[13]="d"; hexa[14]="e"; hexa[15]="f";
     function hex(i) {
         if (i < 0)
             return "00";
         else if (i > 255)
             return "ff";
         else
             return "" + hexa[Math.floor(i/16)] + hexa[i%16];
     }
 function setbgColor(r, g, b) {
         var hr = hex(r); var hg = hex(g); var hb = hex(b);
         document.bgColor = "#"+hr+hg+hb;
     }
     function fade(sr, sg, sb, er, eg, eb, step) {
         for(var i = 0; i <= step; i++) {
             setbgColor(
             Math.floor(sr * ((step-i)/step) + er * (i/step)),
             Math.floor(sg * ((step-i)/step) + eg * (i/step)),
             Math.floor(sb * ((step-i)/step) + eb * (i/step)));
         }
     }
     /* Usage:
      *   fade(inr,ing,inb, outr,outg,outb, step);
      * example.
      *   fade(0,0,0, 255,255,255, 255);
      * fade from black to white with very fast speed.
      *   fade(255,0,0, 0,0,255, 50);
      *   fade(0xff,0x00,0x00, 0x00,0x00,0xff, 50); // same as above
      * fade from red to blue with fast speed.
      * step 2 is very fast and step 255 is very fast.
      */
     function fadein() {
     fade(0,0,0, 255,255,255,500 );
     fade(255,255,255, 0,0,0,500);
     }
  /*   function fadeout() {
         fade(0,0,0, 255,255,255, 2);
     }
*/
     fadein();
</script>

Stupenda davvero, Dina,
ma come si scelgono i colori?
 Gigi

 Gigi
devi cabiare i valori, prova sostituire quelli che ci sono...
------------------------
function fadein() {
fade(0,0,0, 255,255,255,500 );
fade(255,255,255, 0,0,0,500);
-----------------------
con
---------
function fadein() {
fade(0xff,0x00,0x00, 0x00,0x00,0xff, 50);
fade(255,0,0, 0,0,255, 50);
---------
ciao

         for(var i = 1; i <= n; i++)
.....

Quindi l'uno e' l'alternativa dell'altro.
Non sono d'accordo sul fatto che l'uno sia l'alternativa dell'altro, infatti, se
andiamo ad analizzare il flusso di dati che il browser deve analizzare, si vede
che il browser, innanzi tutto stende sulla window attiva il colore definito
dall'attributo bgcolor, e solo successivamente, quando scopre che esiste il file
immagine, allora ricopre questo sfondo bgcolor stendendoci sopra l'immagine.
Puoi renderti conto di persona della verità di questa mia affermazione
semplicemente impostando un colore di sfondo per un documento html e, tramite
CSS, utilizzando un file immagine come sfondo, dicendogli però di non adattarlo
o ripeterlo per coprire l'intera area client del browser.
Caricando il suddetto file html dalla rete (che è notoriamente lenta) noterai in
maniera più evidente questo effetto, cioè vedrai prima colorarsi lo sfondo,
quindi vedrai apparire l'immagine.


 Puoi renderti conto di persona della verità di questa mia affermazione
Come se non lo sapessi :-)
-- 
Lorenzo Pulici - Milano, Italia 	      E-mail: 
sno...@iol.it
      ******** PLUTO member - 
http://www.pluto.linux.it
 *******
http://www.weitzmann.it
 
http://www.tempolibero.com/user/pulici
http://www.geocities.com/Colosseum/Field/9892
      MILANOHOCKEY home site

 l'effetto che volevi,, di due sfondi che cambiano.
Si, ok, anche se non e' esattamente cosi'... anche perche' uno che schiaffa
piu' di 7-10 kb di immagine di sfondo e' da strangolare ;-)
Io di sicuro non ci torno piu' a visitare la pagina
