n° 219
Novembre 2017
Dicembre 11, 2017, 01:22:52 *
Benvenuto! Accedi o registrati.
Hai dimenticato l'e-mail di attivazione?

Accesso con nome utente, password e durata della sessione
Notizia:
 
   Indice   Linux Windows Techassistance Gameassistance videogame hardware Aiuto Ricerca Agenda Downloads Accedi Registrati  


* Messaggi recenti
Messaggi recenti
Pagine: [1]   Vai giù
  Stampa  
Autore Discussione: Pulsanti che scompaiono  (Letto 4809 volte)
0 utenti e 1 Utente non registrato stanno visualizzando questa discussione.
carloagl
Newbie
*

Karma: +0/-1
Scollegato Scollegato

Messaggi: 43


Mostra profilo
« inserita:: Maggio 12, 2009, 04:00:58 »

Salve a tutti,

Sono nuovo dei CSS e sto cercando di utilizzarli per creare piccole animazioni sui tasti del  seguente sito:

http://www.juniorgiocattoli.net/

Per i 6 pulsanti centrali, ho quindi utilizzato la proprietà di hoover su un tag link per cambiare l'immagine di background e creare un effetto di animazione.

Capita però che quando vado sul pulsante (link) con il mouse l'immagine scompare, a volte per un istante, altre volte per un pò di più, a seconda del browser che utilizzo.

Qualcuno saprebbe indicarmi come risolvere il problema???

Grazie Mille in anticipo a tutti!!
Registrato
The Lord of The Rings
Utente non iscritto
« Risposta #1 inserita:: Maggio 12, 2009, 06:29:10 »

il fenomeno da te riscontrato è dovuto al fatto che per le immagini settate dal foglio css non viene eseguito il preload cioè dal momento in cui tu passi sopra con il software e il momento in cui l'immagine cambia intercorre un breve periodo dovuto al fatto che il browser deve prima scaricare l'immagine per poi impostarla, infatti se noti cioò avviene una sola volta per pulsante in ogni sessione della pagina in quanto una volta scricata dal browser l'immagine viene salvata nella cache e successivamente riutilizzata senza la necessità di doverla riscaricare. Per ovviare a tale problema dovresti effettuare il preload dell'immagine che rimpiazza quella originale.
Registrato
alex.75
invioattach
Full Member
***

Karma: +14/-4
Scollegato Scollegato

Messaggi: 357



Mostra profilo WWW
« Risposta #2 inserita:: Maggio 13, 2009, 12:13:01 »

Ancor meglio potrebbe essere utilizzare le due immagini alternative all'interno di un unico file, od addirittura tutte le immagini dei pulsanti in un unico file, ed usare "background-position".

Non ricorde se e quale nome abbia questa tecnica ma ormai è molto comune (soprattutto per i bottoni).

I vantaggi:
1) una sola richiesta al server per avere l'immagine (o sapere che non è cambiata e quindi usare quella che il browser ha già scaricato) invece di n richieste.
2) Non c'è bisogno di preoccuparsi del preload.

ciao

Correzione: bacground-position --> background-position
 
Registrato
carloagl
Newbie
*

Karma: +0/-1
Scollegato Scollegato

Messaggi: 43


Mostra profilo
« Risposta #3 inserita:: Maggio 13, 2009, 11:30:29 »

Grazie Mille,

Proverò ad applicare i vostri consigli, vi farò sapere al più presto.

Registrato
Pagine: [1]   Vai su
  Stampa  
 
Vai a:  

Copyright © 2017 Edizioni Master SpA. p.iva : 02105820787

Tutti i diritti di proprietà letteraria e artistica riservati. - Privacy



powered by Simple Machines