Preload di un'immagine

**bloodrayne3** · 14-07-2006, 22.37.56

>Ciao

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

15-07-2006, 00.23.01

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

**Leo91** · 15-07-2006, 09.08.19

lei vuole che le immagini vengano tutte caricate, prima di fare il rollover (e di cambiare immagine)...
sarei interessato anche io...

15-07-2006, 09.16.24

Originalmente inviato da Leo91

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!
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.

**funcool** · 15-07-2006, 09.22.31

L'unico codice che ho trovato è quello che produce Dreamweaver:

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];}}
}

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 HTML:

<BODY onLoad="MM_preloadImages('immagine1.gif','immagine2.gif')">

L'esempio completo lo potete trovare qui.

**Leo91** · 15-07-2006, 09.31.18

Mi sarebbe piaciuto capire il procedimento che fa lo script di Macromedia...

**funcool** · 15-07-2006, 09.34.26

Originalmente inviato da Leo91

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.

15-07-2006, 13.32.22

Io uso una specie di trucchetto:

Codice HTML:

<div style="display:none:position:absolute"><img src="immagine1.jpg"><img src="immagine2.jpg"></div>

In questo modo le immagini vengono caricate in un div non visibile e in questo modo il browser le tiene in cache..

Ciao!

**bloodrayne3** · 15-07-2006, 13.42.02

Quella di Allo è un'idea semplice e brillante

molto meglio delle mie immagini 0x0 in fondo alla pagina

TNX

Ospite · 15-07-2006, 13.54.41

Esiste anche un sistema migliore

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");
}

poi 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.

**funcool** · 15-07-2006, 16.23.47

Originalmente inviato da gsvisinale

Esiste anche un sistema migliore [CODE]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");
}
[CODE]
poi 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.

Praticamente è lo stesso usato da Dreamweaver un po' rigirato.

Ospite · 15-07-2006, 17.21.30

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.

**funcool** · 15-07-2006, 17.28.39

Il codice di Dreamweaver prima di scriverlo l'ho provato e funziona perfettamente.

Ospite · 15-07-2006, 17.32.41

non ho detto che non funziona, ho detto che richiede di caricare due volte le immagini.

**funcool** · 15-07-2006, 17.34.16

Originalmente inviato da gsvisinale

non ho detto che non funziona, ho detto che richiede di caricare due volte le immagini.

Perché carica due volte le immagini?

**bloodrayne3** · 16-07-2006, 20.31.05

Non ho capito la questione del doppio caricamento

xò ho risolto

TNX a tutti

**funcool** · 17-07-2006, 09.03.05

Prego!
Non l'ho capita neanche io.

Discussione: Preload di un'immagine

LinkBack

Strumenti discussione

Display

Preload di un'immagine

Regole di scrittura