happens: Hover jpg

Beitrag lesen

[..]dauert es 1 bis 2 sec bis das Hover angezeigt [..]
Ist ja logisch das Hover-Bild muss ja auch erst geladen werden.
Um die Wartezeit zu verkürzen solltest du die Bilder einfach möglichst klein halten. Bei Fotos JPEG mit hoher Kompressionsrate wählen und bei anderen Bildern gar kein JPEG sonder besser png (oder wenn's denn sein soll .gif) nutzen. Bei vielen Grafiken kann man auch noch die Farbpalette minimieren (oft reichen 8 bis 16 Farben aus).
Selbst Fotos kann man mit einer optimierten Farbpalette von 256 Farben noch recht gut anschauen.

Okai ich werds mal probier... gif wird doch nichtviel kleiner sein, die butons sind ca 1,03kb groß ich hab eine 1000dsl und hab diese "lade" zeit.

ich hab das so gemacht.

CSS
li.home a {
 background-image: url(images/b_home_1.jpg);float: left;display: block;text-indent: -999%;overflow: hidden;width: 67px;height: 48px;}
li.home a:hover {background-image: url(images/bro-Home_01.jpg);}

HTML
<div id="menu">
<ul>
 <li class="home a"><a href="index.html">indexa</a></li>

</ul>
</div>