Preload Immagini - Comprendere dove inserire i valori necessari

**Robin** · 25-02-2006, 04:00

Salve

ho il seguente script, che occorre inserire all'inerno degli <head> nella mia pagina web :

arImageSrc = new Array (
"imButdown.gif",
"imButup.gif",
"imButthis.jpg",
.
.
.
"../images/imButthat.jpg"
)

arImageList = new Array ();

for (counter in arImageSrc) {
arImageList[counter] = new Image();
arImageList[counter].src = arImageSrc[counter];
}

Il problema, per me che sono alle prime armi, sta nel capire quali di questi campi sono fissi, e quali valori invece sono le voci che devo completare (andando a sostituire i valori neutri qui presenti).
Per intenderci : questo codice mi serve perche' devo caricare delle .gif adibite a pulsanti.

Esempio :

<A HREF="http://nomemiosito.com/pagina1.html"
onMouseDown = "document.images['pagina1'].src='http://pulsante1giu.gif'"
onMouseUp = "document.images['pagina1'].src='pulsante1su.gif'">
[img]pulsante1su.gif[/img]

Volendo inserire in preload le immagini in ordine numerico, ho capito che devo inserire tutte quelle che corrispondono a "pulsantegiu'" (indipendentemente dal numero) nel primo Array :

arImageSrc = new Array (
"pulsante1giu.gif",
"pulsante2giu.gif",

etc...

pero' gli altri valori, come devo sostituirli/modificarli ?

**Xinod** · 25-02-2006, 04:44

benvenuto

nessun "campo" e' fisso,
le immagini il cui indirizzo inserisci nell' array arImageSrc saranno precaricate,
potresti averne 3 come 300 (con tempi di caricamento diversi, ovviamente)

lo stato "su" lo usi nell' html, in teoria potresti fare a meno di inserire le immagini riguardanti questo stato nel preload

nella pratica potrebbe convenirti farlo,
se hai pagine pesantuccie sarai sempre sicuro si ritrovino in cache

spero di aver risposto alla domanda

**Robin** · 25-02-2006, 12:56

Ciao Xinod, grazie per la risposta e il benvenuto

la prima parte dello script ora mi e' chiara, e penso che seguiro' il tuo consiglio di precaricare anche le immagini inserite nell'html, il problema adesso e' la seconda parte :

io in pratica la lascio esattamente come ho messo nell'esempio sopra :

arImageList = new Array ();

for (counter in arImageSrc) {
arImageList[counter] = new Image();
arImageList[counter].src = arImageSrc[counter];
}

tuttavia le immagini non vengono precaricate, e lo script compare nell'header della pagina.
Sicuramente devo sostituire qualche valore rispetto a quelli sopra, ma non capisco quali con precisione.

Es. la voce [counter] tra parentesi deve restare cosi' ?
(sono decisamente alle prime armi

)

**Xinod** · 25-02-2006, 16:08

Originariamente inviato da Robin
lo script compare nell'header della pagina.

intendi: compare a vista nella pagina?
inseriscilo tra <script type="text/javascript"> e </script>

se intendi che non precarica nonostante sia nell' head
assicurati il tutto sia fuori da funzioni

a parte modificare l' array arImageList con gli indirizzi delle immagini da precaricare non e' necessario apportare alcuna modifica

se ancora non funziona e' il caso di lasciare un link alla pagina, o almeno riportare qui tutto quello che si trova nell' head (inerente alla questione)

altrimenti altro non posso consigliarti

**Robin** · 26-02-2006, 00:58

Hai ragione, mancavano <script type="text/javascript"> e </script> all'inizio e alla fine dello script, per questo lo visualizzava a vista nella parte alta della pagina

ora pero'...

la pagina carica correttamente, tutto e' in ordine, ma quando clicco sui pulsanti non si "premono".
O meglio : se tengo premuto il tasto sinistro del mouse sui pulsanti in oggetto, dopo circa 1 secondo l'immagine cambia, visualizzando quella "pulsantedown", e nelle pressioni successive lo swap dei pulsanti "up" e "down" e' visualizzata correttamente.

Il problema sta nel ritardo con il quale il pulsante cambia, adesso non da l'impressione di esser premuto.

Ti linko la pagina, i pulsanti in oggetto sono quelli nella colonna di destra (alla voce "Cosa stai cercando ?")

grazie ancora

**Robin** · 28-02-2006, 08:08

Riporto su il topic

Ho ricontrollato tutto, e lo script e' inserito correttamente, ho provato a inserire le voci delle immagini sia singolarmente che come lista, ma non cambia nulla.
Le tag sono a posto, il codice e' ok, ma il ritardo permane (sembra che il preload non funzioni... che sia un problema della piattaforma su cui e' sviluppato il sito ?)

**Robin** · 01-03-2006, 18:52

Posto solo per dire che ho risolto il problema.
Tutto dipendeva dallo script utilizzato, che in realta' non faceva il suo dovere.

Cambiando script ora i pulsanti funzionano perfettamente

Questo il nuovo script che ho usato :

<SCRIPT LANGUAGE="JavaScript">
image1 = new Image();
image1.src = "a.gif";
image2 = new Image();
image2.src = "b.gif";
image3 = new Image();
image3.src = "c.gif";
</script>

leggero e facile da inserire nell'head

Discussione: Preload Immagini - Comprendere dove inserire i valori necessari

Strumenti discussione

Ricerca discussione

Visualizza

Preload Immagini - Comprendere dove inserire i valori necessari

Up

Permessi di invio