Wie am besten images pre-loaden?

Beitrag von **FEAnoR** » 15.02.2006, 15:16

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

von **Anzeige von ABAKUS** »

SEO Consulting bei ABAKUS Internet Marketing
Erfahrung seit 2002

persönliche Betreuung
individuelle Beratung
kompetente Umsetzung

Jetzt anfragen: 0511 / 300325-0.

Beitrag von **Anonymous** » 15.02.2006, 15:23

es gibt dort lösungen per js..

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

Beitrag von **derHund** » 15.02.2006, 15:48

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