Apertura immagini galleria

[DragonFire]

Ciao a tutti.. volevo chiedervi una cosa

In una galleria d'immagini che ho per aprire un immagine (in un popup) bisogna attendere che prima finisca di caricare tutte le thumb di quella galleria..

spesso sono tante quindi si attente molto...

è possibile quindi far apparire una scritta (es. "Attendere il caricamento intero della pagina prima di aprire le immagini") durante il caricamento della pagina?

Grazie

[fireantology]

Certo che si può fare, ma con JavaScript.
La funzione è semplicissima si chiama Onloadfunction() comunque invece di spiegartene il funzionamento faccio prima a darti un'esempio già fatto.

Inserisci questo codice nella pagina in cui deve apparire il precaricamento

<style type="text/css">
#loading {
z-index: 10;

width: 190px;

height: 90px;

background-color: #ffffff;

position: absolute;

left: 400px;

top: 150px;

margin-top: -50px;

margin-left: -100px;

text-align: center;

}
</style>
<script type="text/javascript">
document.write('<div id="loading">[img]img/caricamento.gif[/img]</div>');
window.onload=function(){
document.getElementById("loading").style.display=" none";
}

</script>

Nella parte in cui vi è Document.write li metterai quello che dovrà visualizzarsi, come vedi nel mio caso si visualizza un'immagine gif.

Spero di esserti stato utile, per vedere il risultato dello script puoi andare qui
http://www.provediemozioni.it/index....peciale&id=155

[DragonFire]

grazie mille, c'è un modo perchè l'immaginetta stia in mezzo alla pagina con qualsiasi risoluzione

e magari anche segua lo scroll?

[fireantology]

Come vedi dove visualizzi il precaricamento è un livello con position absolute, cioè calcola la posizione in base ai parametri

left: 400px;

top: 150px;

che sono le distanze dal bordo sinistro e dall'alto della pagina, quindi centrarlo significherebbe sempre tramita JavaScript verificare la risoluzione della finestra e calcolare una posizione centrate, ma la cosa non conviene molto.
PEr farlo scorrere mi pare basti sostituire Absolute con Relative in modo che le distaze siano relative e non assolute.
Comunque se vuoi puoi anche far apparire il tutto non in un livello basta che

<script type="text/javascript">
document.write('<div id="loading">[img]img/caricamento.gif[/img]</div>');
window.onload=function(){
document.getElementById("loading").style.display=" none";
}

</script>

Lo metti nel punto della pagina in cui vuoi farlo apparire eliminando tutta la PARTE CSS.
Se capisci la logica puoi tranquillamente giocarci in un casino di modi.

Ciao

[DragonFire]

Grazie

Originariamente inviato da fireantology

PEr farlo scorrere mi pare basti sostituire Absolute con Relative in modo che le distaze siano relative e non assolute.

no... non va cosi

[DragonFire]

up