Ciao a tutti...
Sto facendo un sito in xhtml/css.
Utilizzo i css, il problema è quì:
Codice:
td{
/* ... */
background-image: url(img1.jpg);
}
td:hover{
/* ... */
background-image: url(img2.jpg);
}
Mi spiego meglio:
1) La pagina html viene caricata con tutti i suoi contenuti, e con "img1" come sfondo del td. E fin quì ok
2) Se passo con il mouse sull'immagine ( img1 ) questa scompare e viene visualizzata un'immagine come la precedente ma ingrandita (un'altra, img2), grazie alla proprietà hover di td.
Il problema e che per caricare l'altra immagine ci mette tipo 4 secondi, nel frattempo viene visualizzato un "frame" bianco (lo sfondo della pagina).
Non c'è un modo per far caricare l'immagine (quella che viene visulalizzata solo al passaggio del mouse, img2) insieme a tutte le altre? Anche se alla fine non viene visualizzata subito nella pagina?
Grazie
Mastersgn