[HTML][CSS] Jak przyśpieszyć efekt hover? Opcje

[-waldemar-]

Jak przyspieszyc efekt hover? Chodzi mi o to, że po najechaniu myszką na obrazek, przeglądarka najpierw zaladuje obrazek do zaladowania a później wyświetli, jak temu zapobiec?

O to kod:

[HTML] pobierz, plaintext 
.top .flags #poland{
    background: url('images/flag_poland_blue.gif') no-repeat;
    width: 28px;
    height: 27px;
    float: left;
    margin: 0 15px 0 0;
}
 
.top .flags #poland:hover{
    background: url('images/flag_poland.gif') no-repeat;
    width: 28px;
    height: 27px;
    float: left;
    margin: 0 15px 0 0;
}
[HTML] pobierz, plaintext 

[sadistic_son]

Zrób jeden obrazek na do hover i zwykłego linku. Przy hover tylko go przsuwasz:

[CSS] pobierz, plaintext 
div{
   height: 100px; /*Wysokość obrazka*/
   width: 150px; /* połowa szerokości obrazka*/
   background: transparent url(rollover.jpg) 0 0 no-repeat;
}
div:hover{
   background-position: -150px 0;
}
[CSS] pobierz, plaintext 

Tutaj masz dokładnie opisane jak to działa. Zwróć uwagę na pierwszy fragment z dachującym samochodem.