Seite 1 von 1

Wie am besten images pre-loaden?

Verfasst: 15.02.2006, 15:16
von FEAnoR
Moin,

ich habe hier im Moment ein Menü, das ich für eine Website verwenden möchte. Es arbeitet mit Hovers und CSS/XHTML, beim ersten Hover dauert es ein bisschen, bis das Bild geladen ist, es wirkt daher nicht sehr schön beim ersten drüberfahren, wenn's dann erstmal im Browser-Cache ist, geht es schön sauber. Daher meine Frage: Wie lässt man die images anständig preloaden? Gibt es da 'ne gute Technik oder genügt es in dieser Form:

Code: Alles auswählen

<img src="bla.png" width="0" height="0">
Wäre für Tipps dankbar.

Gruß,
Marco

Verfasst:
von
SEO Consulting bei ABAKUS Internet Marketing
Erfahrung seit 2002
  • persönliche Betreuung
  • individuelle Beratung
  • kompetente Umsetzung

Jetzt anfragen: 0511 / 300325-0.


Wie am besten images pre-loaden?

Verfasst: 15.02.2006, 15:23
von net(t)worker
es gibt dort lösungen per js..

oder einfach in einem versteckten div, entweder als hidden oder ausserhalb des sichtbaren bereiches...

Wie am besten images pre-loaden?

Verfasst: 15.02.2006, 15:48
von derHund
ohne js und zusätzliches markup geht es auch, ist die gängige technik, um 'lags' beim hover zu vermeiden:
- hast du nur eine grafik beim hover/bei aktionen, zeige sie schon im normalzustand an, ins unsichtbare verschoben, beim hover änderst du die position
- hast du mehrere grafiken für die verschiedenen status, packe alle in ein bild, setze die position entsprechend