[CSS] Opóźnienie przy ładowaniu menu Opcje

[kaczy]

Witam. Zrobiłem sobie menu na stronę. Można je zobaczyć pod adresem: www.demow.cba.pl/menu/ i jak można zauważyć podczas najechania myszką na jeden z elementów link na chwile znika i ładuje się obrazek który znajduje się pod "hover". Wie ktoś jak mozna zrobić tak aby nie trzeba było czekać na ładowanie tych elementów. Chodzi o to żeby uzyskaż taki efekt jak jest np. na stronie helion.pl w górnym menu.

Powód edycji: Poprawiłem błąd w tytule tematu. /webdicepl

[wookieb]

http://perfectionorvanity.com/2005/08/25/e...rollover-w-css/

[kaczy]

Wielkie dzięki wookieb, teraz działa świetnie

[vokiel]

Skoro czcionka na menu nie jest jakoś specjalnie rysowana, to nie rób jej w obrazku, tylko jako tekst:

[HTML] pobierz, plaintext 
<ul id="menu">
	<li><a href="#" id="str">Strona główna</a></li>
	<li><a href="#" id="for">Forum</a></li>
	<li><a href="#" id="nar">Narzędzia</a></li>
	<li><a href="#" id="gal">Galeria</a></li>
	<li><a href="#" id="kon">Kontakt</a></li>
</ul>
[HTML] pobierz, plaintext 

Poza względami z usability, poprawnością, semantyką itd dojdzie jeszcze zysk na wielkośći obrazka, bo teraz Twoje tło może być paskiem szerokości 5px i powielanym w css repeat-x.

[v1t4n]

Sam borykalem sie z tym problemem z rok temu Ale ja znalalem inne rozwiazanie:

1. Tworzę warstwę na górze strony z unikalna klasa
   

   [HTML] pobierz, plaintext 
   <div class="hide1"></div>
   [HTML] pobierz, plaintext 

2. W CSS przypisuje jej takie parametry:
   
   Kod
   background-image:url(img1_hover.jpg); /*polozenie obrazka ktory ma sie pokazywac jako hover, np. w menu*/
   visibility:hidden; /*wylaczam pokazywanie obrazka ale przegladarka ma go w cashe! */
3. W menu podaje w hoverze podaje dokladnie link tego samego obrazka ktory wstawilem w pkt 2
4. Ciesze sie z wlasnego sposobu rozwiazania problemu ^^

OFC moza wstawic tego duuuzo - za kazdym razem wyglada to tak samo (tylko klasa warstwy sie zmienia).