Problema con roll over applicato a link

[fcaldera]

Originariamente inviato da Gufo
La conosco! Ma è praticabile anche con gif animate che non si possono unire con un'immagine statica in una stessa immagine? Io l'ho sempre utilizzata con due immagine statiche

certo che è possibile farlo, basta fare un unica gif animata

[Gufo]

Originariamente inviato da fcaldera
certo che è possibile farlo, basta fare un unica gif animata

Ti chiedo scusa ma non mi rendo conto come si possa dividere i due stati in una unica gif animata

Ora ci voglio provare

[Gufo]

Ho provato con una gif animata e io non ci sono riuscito ad applicare quel metodo

[fcaldera]

Originariamente inviato da Gufo
Ti chiedo scusa ma non mi rendo conto come si possa dividere i due stati in una unica gif animata

Ora ci voglio provare

prova a pensare due immagini animate attaccate una sotto l'altra
però incluse in una sola immagine

sposti il background-position da top left
a bottom left quando sei allo stato hover.

[Gufo]

Originariamente inviato da fcaldera
prova a pensare due immagini animate attaccate una sotto l'altra
però incluse in una sola immagine

sposti il background-position da top left
a bottom left quando sei allo stato hover.

Hai ragione non avevo pensato d unirle in verticale, io ho sempre utilizzato immagini unite in orrizzontale

[joint77]

Purtoppo fa la stessa cosa anche con la tua gif, sapete dove posso trovare un preloading leggero e funzionante (ne ho gia provati 3 2 javascript e un script ma nulla fa sempre lo stesso difetto) e sapete dirmi se è preferibile metterli nella temp o nelle pagine?
Ti rimando parte del css dove ho dichiarato il link:

a.pulsante_contact {
margin-left:auto;
margin-right:auto;
display:block;
width:124px;
height:47px;
background-image:url(immagini/tasto_contact_off.gif); <Gif Statica>
}

a:hover.pulsante_contact {
margin-left:auto;
margin-right:auto;
display:block;
width:124px;
height:47px;
background-image:url(immagini/tasto_contact_anim.gif); <Gif Animata>
}

.pulsante_contact_on {
margin-left:auto;
margin-right:auto;
display:block;
width:124px;
height:47px;
background-image:url(immagini/tasto_contact_on.gif); <Gif Statica> 
}

Magari sapete come muovermi diversamente, grazie.