Creare una pagina prima della Home sito joomla con percentuale caricamento

[buba2308]

ciao ragazzi,
è possibile secondo voi creare una pagina con all'interno la percentuale di caricamento i modo che terminato il caricamento entri in automatico alla home page del sito?
vorrei fare questo lavoretto per poter far caricare il sito mentre c'è la pagina di caricamento, siccome è molto pesante avendo molte foto ci impiega un pò...

grazie

[giovi]

potresti creare un modulo custom che mostri solo in home page in cui c'è un div a tutto schermo che copre l'intera pagina con un'immagine di caricamento (difficile mostrare la perecentuale esatta, ma un modo più.. "rozzo" esiste, se ti interessa ti spiegherò, dato che già per implementere questo ce ne vorrà). Al caricamento della pagina (ovvero in fondo al template) inserisci un richiamo javascript che nasconde il div se mostrato.

del tipo if getElementById(nomedeldiv).style.display=none ecc.... (di sintassi js non me ne intendo molto)
Altrimenti usi jquery che implementa le operazioni di chiusura/controllo già nella sua libreria e ti rende il codice un po più semplice ma la pagina un po piu pensante (dovrai necessariamente includere la libereria js per usarlo!)

[buba2308]

grazie per il suggeruimento. oggi proverò...
se avrò problemi approfitterò dei tuoi consigli (e anche di altri se ce ne saranno)

[buba2308]

ciao, ho creato il modulo HTML personalizzato (custom), ora come procedo?
dove devo creare il div?

[giovi]

Ora non so se il modulo deve trovarsi un una posizione precisa -ad esempio all'inizio della pagina - per via del posizionamento del div, ma innanzitutto bisogna provare.
Nel modulo custom crei un div con una id del tipo "loading" ed una class a piacere. Puoi anche scrivere gli attributi del div per esteso, tanto sarà l'unico div ad utilizzarli, l'importante è che contengano i seguenti attributi:

Codice: [Seleziona]

position: fixed;
top: 0px;
left: 0px;
z-index:1;

width e height sono a piacere (dipende dall'effetto che vuoi ottenere).
Alla fine della pagina ora crei uno script del tipo:

Codice: [Seleziona]

<script>
window.onload = function () {
if (ie4) {document.all("loading").style.visibility = "hidden";}
 if (ns4) {document.layers("loading").visibility = "hide";}
 if (ns6) {document.getElementById("loading").style.display = "none";}
}
</script>