problem:hover effekt nicht flüssig

[rob]

Hi!

wenn man nun über das Bild fährt wird erst nichts angezeigt
bis das hoverbild geladen ist,

Wie dir aufgefallen ist, passiert dies nur beim allerersten Mal. Ist das Bild einmal geladen, dann kommt es beim nächsten Hover aus dem Browsercache anstatt neu aus dem Internet angefordert zu werden.

Du könntest dein Bild bereits (vor)laden, damit es schon vor dem ersten Hover im Browsercache liegt.
Das ist mit Hilfe von Javascript recht einfach möglich, indem du ein neues Imageobjekt instantiierst.
Bilder vorladen mit JavaScript
(Achtung, komische Navi! Unten auf der Seite befinden sich die "Themen" des Artikels. Sind keine Links, kann man nicht klicken... Weiter geht es nur über die Pfeilsymbole rechts unten.)

Da nicht alle User JS aktiviert haben, solltest du jedoch in Erwägung ziehen, ob du das Bild nicht vielleicht ohne die Hilfe von JS in den Cache lädst.

Aus dem Forumsarchiv:
Bilder vorladen ohne JavaScript

Da dies IMHO keine perfekte Lösung ist, mußt du dir selbst überlegen, welche Methode du bevorzugst.

Schöner Gruß,
rob