[HTML][CSS] Wczytywanie jpg po najechaniu na element menu Opcje

[Kethrax]

Witam,

Mój problem przedstawia się następująco, mam takie oto sobie przykladowe menu:

[HTML] pobierz, plaintext 
<div id="menu">
 <a href="#" class="glowna"> </a>
 <a href="#" class="nowości"> </a>
 <a href="#" class="oferta"> </a>
 <a href="#" class="promocje"> </a>
 <a href="#" class="kontakt"> </a>
</div>
<div class="czysc_float"> </div>
[HTML] pobierz, plaintext 

a teraz css:

[HTML] pobierz, plaintext 
#menu {
 width: 800px;
 height: 50px;
}
 
#menu a {
 display: block;
 width: 100px;
 height: 50px;
 float: left;
}
 
#menu a.glowna {
 background-image: url('img/glowna_n.jpg');
}
#menu a.glowna:hover {
 background-image: url('img/glowna_a.jpg');
}
 
etc...
 
.czysc_float {
 clear: both;
 height: 1px;
}
 
[HTML] pobierz, plaintext 

Otóż po wczytaniu strony z takim menu (wszystkie obrazki nazwa_n.jpg [n-normalny, a-aktywny]) po najechaniu na element menu wczytywany jest on z lekkim opóźnieniem jakieś 0.5s. Chciałbym żeby takiego opóźnienia nie było bo to wygląda trochę do bani.

Próbowałem użyć preloadera w javascript ale nie do końca działa jak trzeba (nadal jest opóźnienie). Proszę o jakieś sugestie (IMG:style_emoticons/default/smile.gif)
Wszystkie jpg'i mają nie więcej jak 4kB.

Pozdrawiam

Ten post edytował Kethrax 22.03.2010, 09:02:17

[athei]

Sprawdź to http://www.webvamp.co.uk/blog/coding/css-image-rollovers/

[Kethrax]

thx, man.