Bilder vorladen
2. Juni 2006 in TechnikBeim stöbern im Internet habe ich eine nette Methode gefunden um Bilder für Rollover-Effekte vorzuladen. Das ist nötig wenn man mit CSS beim hovern von Elementen das Hintergrundbild wechselt und Wartezeiten beim Laden verhindert werden sollen. Der Trick besteht darin ein unsichtbares Element einzubauen, das als Hintergrundbild die zu ladenden Bilder trägt. Ich finde diese Methode sehr gut wenn man bei Mouseover-Effekten mit CSS arbeitet und kein JavaScript benutzen möchte.
Ich persönlich setze bei diesen Effekten eher auf JavaScript da es meiner Meinung nach einfacher in allen Browsern umzusetzen ist. Und wenn man dann schonmal JavaScript einsetzt kann man es auch zum vorladen von Bildern einsetzen. Dazu muss man lediglich ein neues Imageobjekt anlegen und diesem dann die verschiedenen Quellpfade zuweisen.
Du kannst dich vielleicht mit der Lightbox anfreunden. http://www.huddletogether.com/projects/lightbox/
Ich setze persönlich lieber die Version1 ein als die Version2… hat weniger Ladezeit, da Version2 ziemlich aufgebohrt ist.
Kommentar von Mike Schnoor — Juni 3, 2006 @ 8:30 am
Die Lightbox ist ja eher für die Vergrößerung von geposteten Thumbnails gedacht. Mir geht es eher um die Rollover-Effekte. Zum Beispiel ändert sich bei dieser Seite wenn du über die Navigation fährst die Farbe den einzelnen Bilder zu Orange, und damit hier die Bilder nicht beim Überfahren mit der Maus geladen werden müssen werden sie gleich beim Seitenaufruf geladen.
Aber an für sich ist die Lightbox schon ganz gut gemacht und wird auch von vielen Photoblogs eingesetzt.
Kommentar von Administrator — Juni 3, 2006 @ 2:00 pm