Ciao a tutti, ecco la mia pillola natalizia.
Ho creato questa pillola perchè molti utenti hanno bisogno di loading.
Devo ringraziare Robycz perchè ho usato il suo codice per il movimento.
Dopo la premessa, trovate i commenti dello script nel file.js che ho chiamato loading.js
Questo va inserito nel file .js:
adesso aprite la pagina dove volete inserire il preload e inserite:codice:var simulafor=0; //simula il ciclo for non utilizzato per la sua velocità di esecuzione var maxfor=screen.width; //è il movimento del layer. Impostando questo valore il div uscirà dallo schermo sia che ha risoluzione 10*10 che 1000*1000 (risoluzioni paradossali) function muovi(movx,movy,simulafor) //funzione del movimento { simulafor+=1; if (simulafor<=maxfor) //parte il ciclo for { livello.style.pixelLeft+=movx; //incremento della posizione livello.style.pixelTop+=movy; //incremento della posizione setTimeout("muovi("+movx+","+movy+","+simulafor+")",ritardo); //ritardo per permettere la visualizzazione } } var pasx=-50; /*spostamento rispetto al margine superiore (il - lo fa spostare indietro, il + avanti)*/ var pasy=0; /*spostamento rispetto al margine sinistro (il - lo fa spostare cerso il basso, il + verso l'alto)*/ var ritardo=1; /*ritardo del moto (per accellerarlo o ritardarlo consiglio di aumentare o diminuire i valori di pasx e pasy ma se sono già impostati a 1 potete aumantere questo valore)*/ var incdeccalfa = -5; //variazione della sfumatura var tempo = 50; //velocità della sfumatura function diminuisci(cosa) { //funzione per diminuire l'alfa meno = cosa diminuizione=setInterval("deincremento(meno)",tempo) //inizio dell'intervallo setTimeout("clearInterval(diminuizione)",1000); //cancellazione dell'intervallo N.B. se cancellate questa riga l'intervallo rimarrà impostato e la navigazione potrà risultare molto lenta } function deincremento(cosa2) { //funzione che specifica cosa deve impostare nell'intervallo cosa2.filters.alpha.opacity+=incdeccalfa //aumento dell'alfa } function elimina(){ diminuisci(livello); //inizio della diminuizione dell'alfa muovi(pasx,pasy,simulafor); //inizio moto }
lo stile potete inserirlo anche in un css esternocodice:<style> .classe { position:absolute; width:102%; background-color:#ffffff; visibility:show; left:0px; top:0px; z-index:+10; FILTER: alpha(opacity=100); } </style> <script language="JavaScript" src="loading.js"></script>
loading.js è il nome che ho attribuito io al file per il preloading ma se lo cambiate ricordatevi di modificare la riga così:
<script language="JavaScript" src="NOME_DEL_FILE.js"></script>
Aggiungete OnLoad="elimina()" al body.
<BODY OnLoad="elimina()">
e inserite, sempre nel body:
<div id='livello' class='classe'>Scrivete qui il contenuto del livello/preload.
può anche essere html</div>
Il preload è pronto.
Questo preload lo ho realizzato con 2 effeti, alfa e movimento del livello ma se volete potete crearne voi altri.
Auguri a tutti.
PIERCHI 