[javascript] onload - effetto con opacità

**Crypt** · 20-01-2006, 01:34

Salve a tutti, come da titolo cercavo uno script per mostrare un'animazione durante il caricamento di una pagina molto pesante, con la particolarità che l'immagine è una gif trasparente e che vorrei che si intravedesse lo sfondo e gli oggetti della pagina in caricamento, con un effetto velato. Insomma una leggera opacità sulla pagina con la gif al centro della pagina stessa.

Per farmi capire un effetto simile al 'loading' del Plesk.

**Crypt** · 20-01-2006, 22:12

up

**Xinod** · 21-01-2006, 01:58

in sostanza cosa ti serve?
tutta la questione della sfumatura la risolvi in uno dei seguenti modi:
- filtri di IE e opacita' di Mozilla & CO. (ma sei limitato a questi 2 browser o poco +)
- background con gif semitrasparente
con un software di grafica prepari una gif con un pixel pieno e uno trasparente a righe alterne,
il risultato e' una semi-trasparenza (a volte fastidiosa all' occhio)
- png come sfondo, ma serve uno script apposito per IE

per il resto e' un div posizionato al di sopra di tutto che viene nascosto onload sul body,
serve approfondire questa parte?

**Crypt** · 21-01-2006, 02:05

Se tu potessi approfondirmi come mostrare il div con la semitrasparenza e nasconderlo appena la pagina è caricata mi faresti un favore.

va benissimo anche se mi linki una guida, non serve la pappa pronta, bastano le linee generali.

gracias comunque

**Crypt** · 20-02-2006, 22:03

up

**Xinod** · 21-02-2006, 03:10

ti lascio il link al documento + completo sull' opacita' che conosco
http://www.mandarindesign.com/opacity.html

x nasconderlo

codice:

<body onload="document.getElementById('Id_livello').style.display='none';">

oppure

codice:

window.onload=function(){document.getElementById('Id_livello').style.display='none';}

tra tag <script></script>

ciao

**Crypt** · 21-02-2006, 16:24

Perfetto era proprio ciò che cercavo. Grazie molte.

**fabiodm75** · 15-05-2006, 10:11

Ciao,
ho letto questo articolo: http://javascript.html.it/articoli/l...-javascript/1/

l'ho adattato e devo dire che funziona benissimo l'unico problema e che l'effetto si applica ad una sola immagine... questo perchè, penso, l'effetto è richiamato tramite <img id="relax".... /> quindi se poi lo richiamo per le altre immagini non funziona... anzi le immagini non vengono neanche visualizzate!
Come posso fare per far si che lo possa usare per più immagini nella stessa pagine? :master:

**fabiodm75** · 15-05-2006, 12:27

Allora sto cercando di vedere come modificarlo...

Codice PHP:


<script type="text/javascript" src=".js"></script>

            <script type="text/javascript">

            var imageId="relax";

            document.write("<style type='text/css'>[B] #"+ imageId +"[/B] {visibility:hidden;} </style>");

            window.onload = function(){initImage(imageId)};

        </script>

Penso che il problema sia qui: #"+ imageId +" in fatti il carattere # indica al CSS che è un elemento ID potrebbe essere? Ho sostituito il # con il punto (.) ma poi lo script non funziona del tutto... e Firefox mi dà errore (dalla console javascript) all'interno del file FADE.JS ed esattamente alla riga 12

Codice PHP:


obj.style.filter = "alpha(opacity:"+opacity+")";  // IE/Win

Ma è possibile modificarlo oppure no? :master:

Discussione: [javascript] onload - effetto con opacità

Strumenti discussione

Ricerca discussione

Visualizza

[javascript] onload - effetto con opacità

Permessi di invio