Gruppi di immagini e rollover. No layer.

[Alfacentauri]

Non voglio usare i layer ! Cerco un effetto Rollover con
dieci immagini e più. Per esempio per queste:

A.jpg a1.jpg a2.jpg a11.jp a22.jpg
B.jpg b1.jpg b2.jpg b11.jp b22.jpg

Tutte le immagini sono inserite in celle di una tabella in una pagina HTML.


al rollOver del mouse su A.jpg (cioè al passaggio della freccia
del mouse su A.jpg) e solo su questa, cambiano :

a1.jpg (diventa a11.jpg)
a2.jpg (diventa a22.jpg)

al passaggio del mouse su B.jpg, cambiano:

b1.jpg (diventa b11.jpg)
b2.jpg (diventa b22.jpg)


e cosi all'infinito per altre C.jpg D.jpg ecc.

Quale codice devo scrivere ? Come posso raccoglierlo in un file.js
e poi utilizzarlo in un file Home.html ? Come posso fare il Loading... della pagina html ?


Grazie a tutti.

[oronze]

per le immagini usa l'attributo src. Per mettere il tutto in un file .je esterno creati una funzione e per fare il loading della pagina crea un div grande quando la pagina e poi all'evento onload associato al body lo elimini.

[Dennis]

per il rollover, se proprio vuoi usare un codice brutto, usa questo


[img]ar1.jpg[/img]


funzionare funziona... ma con una funzione forse verrebbe meglio... e se studiassi la librerira per gli eventi (www.wedev.it) ancora meglio :-)

[Alfacentauri]

ciao Oronze,
non è che hai il codice già pronto sia per il rollover che per il loading e il file js... Un esempio concreto please !!!



io non ho la più pallida idea du che cosa devo scrivere...


Puoi fare un copia incolla del codice della funzione js per il rollover delle immagini e del codice della funzione loading della pagina???????????

[Alfacentauri]

Ciao Dennis, grazie della risposta.


[img]ar1.jpg[/img]

Mi sembra ottimo, quindi nel mio caso:

[img]A.jpg[/img]

Correggimi se sbaglio:
cioè quando sei su A cambia a1 in a11....però contemporaneamente vorrei che cambiasse anche b1 in b11...Che si fà?

[oronze]

di pronto non ho nulla e non ho neanche 10 minuti per scriverti la funzione. Sto preparando la libreria immagini per wedev ma non sarà pronta prima di Dicembre (ora non posso lavorarci) cmq usa quello di dennis, non molto performante ma funzionante...per il loading se non ti interessa la compatibilità cerca nelle mie pillole

[Dennis]

Originariamente inviato da Alfacentauri
Correggimi se sbaglio:
cioè quando sei su A cambia a1 in a11....però contemporaneamente vorrei che cambiasse anche b1 in b11...Che si fà?

azz... non è quello che fa lo script...

prova a spiegarmi un po meglio che non ho inteso... :master:

[Alfacentauri]

Ciao, provo a spiegarmi con un esempio:
Ho una pagina Html con due immagini
frutta.jpg pasta.jpg

Quando passo con il mouse, rollover, su frutta appaiono tre immagini:

mela.jpg, pera.jpg, fragola.jpg

in punti definiti della pagina. In celle html.Non sopra frutta.
Frutta rimane visibile.

AL ROLLOVER


I (mela) I (pera) I (fragola)

I (frutta.jpg)

----------------------------------------------------------

AL ROLLOUT

I(space) I (space) I(space)
I (frutta.jpg)



Idem con patate quando passo su pasta.jpg con solo fatto che cambiano
le immagini Esse sono:
spaghetti.jpg , pennette.jpg , lasagne.jpg


Sono stato chiaro adesso ???


Non voglio usare i layer !

[oronze]

Io non ho tempo per realizzartelo e non so Dennis, ora, il punto è che per non usare i livelli (non capisco il motivo) devi crearti tante immagini vuote quanto gli spazi e chiamarle in modo diverso, possibilmente prograssivamente (img1, img2.....)e poi usare l'attributo src delle immagini!