[whiles_]

Originariamente inviato da Lim

Ciao a tutti.
Vorrei inserire nella mia home page 4 immagini (200 x 140 px) da circa 5 kb l'una.
Al passaggio del mouse vorrei che le immagini cambiassero (quindi altre 4 immagini da 5 kb l'una). Ho provato con il rollover di dreamweaver, ma è piuttosto lento, anche dopo aver caricato tutte le immagini. Infatti al passaggio del mouse c'è una certa latenza prima della commutazione effettiva.
Ho provato allora con i CSS, in questo caso la commutazione è istantanea (dopo il caricamento iniziale) ma con IE non funziona affatto, non commuta mai!!!!

Cmq vorrei sapere se c'è un modo per velocizzare la procedura di caricamento delle immagini, in modo che al passaggio del mouse, la prima volta, non debba attendere troppi secondi!!!

Le prove le ho fatte sul mio dominio di aruba, non è che è lui che è lento eh?

perchè IE supporta le pseudo classi solo sul tag A.

Quindi potresti fare una cosa del genere:

<a class="img1" href="#"></a>

e poi

.img1 {
cursor: default;
height: 400px;
width: 140px;
background-image: url("http://server.com/img1.jpg");
border: 0;
}

.img1:hover {
background-image: url("http://server.com/img2.jpg");
}

l'ho fatto al volo quindi non ti assicuro che funzioni.. non è un metodo molto elegante però fa il suo dovere... credo