rollover + preload

Y

yarla

Nuovo Utente
16 Ott 2006
2
0
0
ciao!
come capirete sono alle prime armi con il javascript è ho il seguente
problema:


ho due immagini alle quali voglio applicare un rollover al passaggio del
mouse, utlizzo quindi il seguente codice:

<img src="home.jpg" onMouseOver="this.src='home-B.jpg';"
onMouseOut="this.src='home.jpg';">

fin qui tutto bene. Il problema è che ora vorrei fare un preload di queste
immagini ed utilizzo quindi il seguente codice inserito nell'head:

{
i1=new Image;
i1.src='home.jpg';
i2=new Image;
i2.src='home-B.jpg';
}

dopo aver inseirto questo preload, come dovrà cambiare la riga di codice
relativa al rollover?

io pensavo così:
<img src="home.jpg" onMouseOver="this.src=i2.src;" onMouseOut="this.src=i1.src;">

ma ovviamente non funziona.. dove sbaglio?


grazie per qualsiasi aiuto!
 
Y

yarla

Nuovo Utente
16 Ott 2006
2
0
0
è proprio il codice che sto usando,
quel che mi chiedo è se una volta che ho scritto di precaricare le immagini che uso nel rollover, posso lasciare il codice di quest'ultimo invariato o devo cambiare qualcosa.

tipo:
onmouseover="this.src='home.jpg'

dopo aver messo questo preload:
i1=new Image;
i1.src='home.jpg';

deve diventare:
onmouseover="this.src='i1.src' ..?

o posso lasciare come prima che cmq il preload è già stato fatto?
 
lukeonweb

lukeonweb

Utente Attivo
5 Mar 2003
5.175
13
38
46
Napoli
www.lucaruggiero.it
Io direi... prova, se non funziona lo puoi dire tu a noi dopo averlo fatto, non noi a te andando per un'idea :)

Io comunque dico di si, e se le immagini di rollover non sono troppo grosse puoi anche risparmiartelo del tutto...
 
L

lele

Nuovo Utente
21 Nov 2006
1
0
0
yarla ha scritto:
è proprio il codice che sto usando,
quel che mi chiedo è se una volta che ho scritto di precaricare le immagini che uso nel rollover, posso lasciare il codice di quest'ultimo invariato o devo cambiare qualcosa.

tipo:
onmouseover="this.src='home.jpg'

dopo aver messo questo preload:
i1=new Image;
i1.src='home.jpg';

deve diventare:
onmouseover="this.src='i1.src' ..?

o posso lasciare come prima che cmq il preload è già stato fatto?
Clicca per allargare...


Il codice per il rollover rimane invariato.
A te interessa solo che le immagini vengano caricate prima del passaggio del mouse, per evitare quel fastidioso effetto asincrono tra passaggio mouse e la visualizzazione dell' img di rollover.
Quindi il percorso che andrai ad inserire, sarà quello dell'immagine stessa e non nella variabile definita in javascript.

Ovviamente la funzione di preload va richiamata nel body della pagina e non nella funzione del rollover. es: <body onLoad=javascript: preload();>

Ciao
 
Devi accedere o registrarti per poter rispondere.
Discussioni simili
Autore Titolo Forum Risposte Data
D Dreamweaver-attivazione di un suono-audio su rollover del mouse su un link Windows e Software 0
A Problema rollover su iphone con ios 8.0 HTML e CSS 2
P far apparire immagine sotto testo con rollover Javascript 2
V Problema Rollover con css HTML e CSS 1
R [Risolto] Body onLoad e Immagini Rollover Classic ASP 6
K menu in rollover senza link...possibile? HTML e CSS 4
P rollOver su testo cambia jpg Javascript 2
M Effetto rollover sulle immagini: immagine selezionata? Javascript 0
M Immagine diversa al rollover per ogni voce di menu Javascript 2
C rollover particolare... HTML e CSS 2
1 Rollover e link inesistenti con Firefox ma funzionanti con Internet Explorer HTML e CSS 7
T flash gallery e rollover HTML e CSS 4
B come si creano i rollover su photoshop su cs3 e superiori? Photoshop 3
WpStyle mappa immagine con rollover HTML e CSS 3
S on rollOver Flash 1
F effetto rollover Webdesign e Grafica 1
C Effetto rollover [era:aiuto urgente!!] Javascript 5
C Rollover e popup Javascript 1
Dragon Problema di rollover Javascript 4
M rollover complesso Javascript 4
B Problemi "parziali" di rollover su FireFox Javascript 0
P Inserire suono in immagine di rollover Javascript 0
N Problema rollover su IE... HTML e CSS 1
S effetto rollover Flash 1
J rollover su immagine con Javascript Javascript 1
Angelo.com Rotazione controllata dal rollover Flash 1
W rollover css per barra di navigazione basata su immagini HTML e CSS 7
M Rollover & Testo Flash 2
L compatibilità browser rollover Javascript 1
S Problema Con L' Effetto Rollover Per Pulsanti Javascript 1
S Rollover su testo HTML e CSS 3
S problema con rollover Webdesign e Grafica 3
S Rollover slideshow su immagini! HELP!!!! Javascript 4
F rollover - problemi con IE 5 Javascript 4
diodo Rollover su tabella Javascript 1
A Rollover jpg senza livelli Javascript 0
C Immagine di caricamento pagina (preload) jQuery 1
Z preload IFRAME Javascript 3
V preload al centro del liquid layout Flash 0
J Best Ways to Preload Image JavaScript with CSS, AJAX Javascript 0
K barra di preload durante caricamento video Flash 2
L aiuto su preload Ajax 0
N preload background image animazione sequenza Javascript 1
emanuelevt problema preload img con glossy Javascript 0
I Preload immagini. HTML e CSS 2
C Preload e clip filmato Flash 1
A preload per pagina inclusa HTML e CSS 0
A preload cd multimediale Flash 0
X [jquery] effetto preload sino a caricamento del div jQuery 1
G preload e swf esterno Flash 1

Discussioni simili

Alto Basso