Printable View
>Ciao :mrgreen: ho dei bottoni rollover e quando ci passo con il mouse cambiano colore.
Ho notato che con una connessione lenta ci vuole qualche istante per caricare la nuova immagine, volevo sapare esisteva un codice apposta per il preload o devo mettere per forza in fondo alle pagine le immagini che voglio far caricare con dimensioni 0x0
TNX :wink:
non ti ho capito tanto bene... comunque preload per le immagini, credo ne esistano solo di "finti"
cioè un caricamento fasullo, dove decidi tu il tempo del refresh... ma non ci fai niente
lei vuole che le immagini vengano tutte caricate, prima di fare il rollover (e di cambiare immagine)...
sarei interessato anche io...
penso che non si possa fare, dipende tanto dalla velocità di connessione di ognuno, è ovvio che chi ha un 56k avrà dei ritardi di visualizzazione, comunque se esiste ugualmente un modo sarei interessata anch'io!Citazione:
Originalmente inviato da Leo91
diversamente bisognerebbe fare dei menu in flash ed inserire il preload in flash in questa maniera una volta caricato al 100% il file verrà visualizzato nella sua totalità! senza attese.
L'unico codice che ho trovato è quello che produce Dreamweaver:
Nel tag body bisognerà aggiungere l'evento onLoad dove ci sarà il richiamo alla funzione che ho scritto sopra con parametri le immagini da caricare.Codice:function MM_preloadImages() {
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
L'esempio completo lo potete trovare qui.Codice HTML:<BODY onLoad="MM_preloadImages('immagine1.gif','immagine2.gif')">
Mi sarebbe piaciuto capire il procedimento che fa lo script di Macromedia...
Semplicemente legge i parametri della funziona e crea un array di oggetti (in questo caso immagini) a cui assegna le immagini passate per parametro.Citazione:
Originalmente inviato da Leo91
Io uso una specie di trucchetto:
In questo modo le immagini vengono caricate in un div non visibile e in questo modo il browser le tiene in cache..Codice HTML:<div style="display:none:position:absolute"><img src="immagine1.jpg"><img src="immagine2.jpg"></div>
Ciao!
Quella di Allo è un'idea semplice e brillante :top: molto meglio delle mie immagini 0x0 in fondo alla pagina :=D:
TNX :mrgreen:
Esiste anche un sistema migliorepoi nel onMouseOver e onMouseOut per il rollover invece delle vere src mettete img1_on.src e img1.src , img2_on.src e img2.src , eccetera.Codice:window.onLoad = function() {
img1=new Image("img1.gif");
img1_on=new Image("img1_on");
img1=new Image("img2.gif");
img2_on=new Image("img2_on");
}
Praticamente è lo stesso usato da Dreamweaver un po' rigirato.Citazione:
Originalmente inviato da gsvisinale
con la differenza che il codice di dreamweaver si sovrappone all'html reinserendo le immagini in document.images e creando un'inutile ridondanza. Inoltre se non si sostituiscono le src come ho detto prima non serve a nulla, le immagini sono caricate e depositate in memoria per niente.
Il codice di Dreamweaver prima di scriverlo l'ho provato e funziona perfettamente.
non ho detto che non funziona, ho detto che richiede di caricare due volte le immagini.
Perché carica due volte le immagini?Citazione:
Originalmente inviato da gsvisinale
Non ho capito la questione del doppio caricamento :confused: xò ho risolto :mrgreen:
TNX a tutti :=D:
Prego!
Non l'ho capita neanche io.