nascondere livelli

**CSLeon** · 10-02-2004, 11:29

ciao a tutti,
ho questo problema ho creato una serie di link che agli eventi onmouseover e onmouseout attivano e disattivano dei layer che contengono delle foto il problema ora è il seguente: Le foto sono circa una 30, di default ho creato una funzione javascript che mi dissattiva la visibilità dei layers al caricamento della pagina, noto però che i livelli vengono cmq prima caricati tutti (quindi sono visibili le foto) ed essendo molti si nota ancora di più, poi al termine del caricamento delle foto, la visibilità si disattiva come da richiesta.

Ora chiedo è possibile in qualche modo evitare questo fastidioso effetto?

grazie a chi mi risponderà.

**Mich_** · 10-02-2004, 11:36

Se ho capito bene, tu hai una funzione che all'onload setta display="none" in tutti i livelli.

Puoi anche settare il display a "none" nel CSS relativo al livello, in modo che vengano caricati direttamente nascosti.

pero` non sono sicuro di aver interpretato giusto il tuo post.

Ciao
Michele

**CSLeon** · 10-02-2004, 11:47

forse sbaglio nella funzione in effetti io disattivo i layers uno dietro l'altro in questo modo:

codice:

function AllFoto(){
	document.all["Layer1"].style.visibility= "hidden";
	document.all["Layer2"].style.visibility= "hidden";
	document.all["Layer3"].style.visibility= "hidden";
	document.all["Layer4"].style.visibility= "hidden";
	document.all["Layer5"].style.visibility= "hidden";
	document.all["Layer6"].style.visibility= "hidden";
	document.all["Layer7"].style.visibility= "hidden";
	document.all["Layer8"].style.visibility= "hidden";
	document.all["Layer9"].style.visibility= "hidden";
	document.all["Layer10"].style.visibility= "hidden";
	document.all["Layer11"].style.visibility= "hidden";
	document.all["Layer12"].style.visibility= "hidden";
	document.all["Layer13"].style.visibility= "hidden";
	document.all["Layer14"].style.visibility= "hidden";
	document.all["Layer15"].style.visibility= "hidden";
	document.all["Layer16"].style.visibility= "hidden";
	document.all["Layer17"].style.visibility= "hidden";
	document.all["Layer18"].style.visibility= "hidden";
	document.all["Layer19"].style.visibility= "hidden";
	document.all["Layer20"].style.visibility= "hidden";
	document.all["Layer21"].style.visibility= "hidden";
	document.all["Layer22"].style.visibility= "hidden";
	document.all["Layer23"].style.visibility= "hidden";
	document.all["Layer24"].style.visibility= "hidden";
	document.all["Layer25"].style.visibility= "hidden";
	document.all["Layer26"].style.visibility= "hidden";
	document.all["Layer27"].style.visibility= "hidden";
	document.all["Layer28"].style.visibility= "hidden";
	document.all["Layer29"].style.visibility= "hidden";
	document.all["Layer30"].style.visibility= "hidden";
	document.all["Layer31"].style.visibility= "hidden";
	document.all["Layer32"].style.visibility= "hidden";
	document.all["Layer33"].style.visibility= "hidden";
	document.all["Layer34"].style.visibility= "hidden";
	document.all["Layer35"].style.visibility= "hidden";
	document.all["Layer36"].style.visibility= "hidden";
}

poi nell onLOad carico la funzione AllFoto();

ed ottengo comq che le foto mentre vengono caricate sono visibili e compaiono una dietro l'altra, terminato il caricamento divento "hide" di default seguento la funzione ma creano davvero un effetto sgradevole.

**Mich_** · 10-02-2004, 11:55

be` quella funzione ha molte cose da rivedere.

1. e` in linguaggio proprietario (funziona solo in IE)
2. e` una sequenza di istruzioni uguali (si puo` fare un loop)

ma io ti dicevo di nascondere i tuoi layer con un CSS:
<head>
...
<style type="text/css">
.nasc { visibility: hidden; }
</style>
</head>
<body>
...
<div class="nasc" id="LayerXX" ... > ... </div>

Ciao
Michele

**CSLeon** · 10-02-2004, 11:59

dici che usando i CSS la cosa funziona meglio?

ora provo dive x'è layerXX che ci devo mettere, scusami ma sono un po' una frana

**Mich_** · 10-02-2004, 12:05

Non posso saperlo io!! Tu hai dei <div> con quei nomi, altrimenti come fai ad applicare il tuo script?

Devi solo inserire il CSS nella head, ed aggiungere class="nasc" in tutti i <div>

**CSLeon** · 10-02-2004, 12:26

OK, ora provo

**CSLeon** · 10-02-2004, 12:49

si funziona tutto a meraviglia thx 1000

**digitos** · 22-03-2004, 19:18

Originariamente inviato da CSLeon
forse sbaglio nella funzione in effetti io disattivo i layers uno dietro l'altro in questo modo:

codice:

function AllFoto(){
	document.all["Layer1"].style.visibility= "hidden";
	document.all["Layer2"].style.visibility= "hidden";
	document.all["Layer3"].style.visibility= "hidden";
	document.all["Layer4"].style.visibility= "hidden";
	document.all["Layer5"].style.visibility= "hidden";
	document.all["Layer6"].style.visibility= "hidden";
	document.all["Layer7"].style.visibility= "hidden";
	document.all["Layer8"].style.visibility= "hidden";
	document.all["Layer9"].style.visibility= "hidden";
	document.all["Layer10"].style.visibility= "hidden";
	document.all["Layer11"].style.visibility= "hidden";
	document.all["Layer12"].style.visibility= "hidden";
	document.all["Layer13"].style.visibility= "hidden";
	document.all["Layer14"].style.visibility= "hidden";
	document.all["Layer15"].style.visibility= "hidden";
	document.all["Layer16"].style.visibility= "hidden";
	document.all["Layer17"].style.visibility= "hidden";
	document.all["Layer18"].style.visibility= "hidden";
	document.all["Layer19"].style.visibility= "hidden";
	document.all["Layer20"].style.visibility= "hidden";
	document.all["Layer21"].style.visibility= "hidden";
	document.all["Layer22"].style.visibility= "hidden";
	document.all["Layer23"].style.visibility= "hidden";
	document.all["Layer24"].style.visibility= "hidden";
	document.all["Layer25"].style.visibility= "hidden";
	document.all["Layer26"].style.visibility= "hidden";
	document.all["Layer27"].style.visibility= "hidden";
	document.all["Layer28"].style.visibility= "hidden";
	document.all["Layer29"].style.visibility= "hidden";
	document.all["Layer30"].style.visibility= "hidden";
	document.all["Layer31"].style.visibility= "hidden";
	document.all["Layer32"].style.visibility= "hidden";
	document.all["Layer33"].style.visibility= "hidden";
	document.all["Layer34"].style.visibility= "hidden";
	document.all["Layer35"].style.visibility= "hidden";
	document.all["Layer36"].style.visibility= "hidden";
}

poi nell onLOad carico la funzione AllFoto();

ed ottengo comq che le foto mentre vengono caricate sono visibili e compaiono una dietro l'altra, terminato il caricamento divento "hide" di default seguento la funzione ma creano davvero un effetto sgradevole.

un ciclo non sarebbe meglio? :gren:

Discussione: nascondere livelli

Strumenti discussione

Ricerca discussione

Visualizza

nascondere livelli

Permessi di invio