- Tuts & Tipps
- Artikel
- Eine Auswahl der besten Lightboxen
Eine Auswahl der besten Lightboxen
Wenn Fotos in größerer Auflösung oder kleinere Fotogalerien auf einer Website präsentiert werden sollen, dann führt kein Weg mehr an den sogenannten Lightboxes vorbei. Die Auswahl ist riesig und manche dieser Tools kann man auch noch für andere Zwecke einsetzen, wie ich bereits Anhand meines Tutorials jQuery iframe Kontakformular erstellen gezeigt habe. Heute präsentiere ich eine handverlesene Auswahl der besten Lightboxes auf dem Markt.
Die Alleskönner – Hier werden nicht nur Bilder gezoomt
Highslide Js
Das Highslide Js schluckt außer Bilder noch HTML, Ajax, dynamic Ajax, iframe und Flash. Vielseitige Box, sehr bewährt und gut im Design anzupassen.
Die Bumpbox
Auch die auf dem MooTools JavaScript Framework basierende Bumpbox kann nicht nur Fotos zoomen, sondern auch Video und Audiofiles und als Highlight sogar PDF´s in einer recht ansprechenden Lightbox präsentieren.
Die ColorBox
Die ColorBox basiert auf dem beliebten JavaScript Framework jQuery und kann schon als Klassiker bezeichnet werden. Auch die ColorBox ist im Design anpassbar und kann auch iframe, inline Content, sowie Ajax darstellen.
Die FancyBox
Auch die FancyBox basiert auf jQuery und besticht mit einem sehr Apple nahen Design. Sie sieht einfach schick aus und kann gut angepasst werden. Auch sie kann viele unterschiedliche Formate darstellen – Videos, iframe, Ajax, alles kein Problem. Diese Box habe ich für mein Kontaktformular Tutorial genutzt.
Die reinen Lightboxen
Diese Boxen können nur Fotos zoomen, dies aber sehr gut und in sehr ansehnlicher Optik. Auch in Bezug auf Lightboxes ist es wie beim Dönermann: es muß nicht immer mit alles sein.
Die ImageZoom Box
Die ImageZoom Box ist eine nicht so sehr bekannte, aber sehr interessante und richtig gutaussehende Box, welche auch sehr Apple like ist.
Die FancyZoom Box
FancyZoom sieht äußerst Apple mäßig aus und ist sehr performant. Allerdings ist diese Box nur für den nichtkommerziellen Einsatz auf privaten Homepages kostenlos. Für den Einsatz auf kommerziellen Webseiten muß eine Lizenz für 39$ erworben werden.
Das Schmankerl
Wem es auf eine absolut geringe Dateigröße und ein schickes, individuelles Design ankommt, der kommt an dieser Lightbox nicht vorbei. Die auf prototype.lite und moo.fx basierende Brainbox kommt mit nur 17,1 KB (komplett alles an nötigem JavaScript) aus. Das ist ungeschlagen die absolut geringstmögliche Dateigröße.
Die Brainbox – High Performance Lightbox
Die Brainbox bietet außerdem den Vorteil, dass nur ein einziges JavaScript File eingebunden werden muß und man unglaublich schnell mit dem Einbinden dieser Box fertig ist. Die Brainbox ist eine deutsche Box mit deutschen Bedienelementen.
Eine englische Variante ist bereits in Vorbereitung.
Fazit
Es gibt eine unglaublich große Anzahl an Boxen, doch nur wenige, die mich wirklich überzeugt haben. Dies ist eine Auswahl der Boxen, die ich persönlich am Besten finde. Was meint Ihr dazu?
Das könnte Dich auch interessieren:
Danke, dass Du diese Seite ausgedruckt hast! Bitte besuche uns gerne wieder, um weitere hilfreiche Artikel zu lesen.
Tolle Quellensammlung, danke. Ist gleich mal in meine Bookmarks gewandert. :-)
Wow danke, im Netz findet man dazu oft nur alte Listen wo schon vieles nicht mehr zu gebrauchen ist.
Die Bumbox kannte ich noch nicht, die ist wirklich super.
Danke für die Liste.
Vielen Dank für Euer Feedback, Leute! So weiß ich für die Zukunft, das sich die Recherche für solche Artikel doch lohnt..
Die Recherchen lohnen sich, du hast einen neuen Feedabonenten gewonnen :).. vielen Dank für die Übersicht, kann man immer mal drauf zurückgreifen ohne alle Lightboxseiten in den Favouriten durchzustöbern!
Grüße Carsten
Zweiter Versuch …. war ich wirklich so doof und vergaß den Absenden-Button(?)
Nun, wie auch immer. Wie es der Zufall so will, hab ich mich erst kürzlich auch mit Lightboxen beschäftigt (und auch darüber geschrieben): Eine ganze Liste davon. Die, die Du hier vorstellst gehören natürlich zu den Favoriten. ;-)
Es sollte jedoch beachtet werden, dass man die “richtige” Lightbox wählt – unter Ausnutzung evtl. vorhandener Frameworks.
Wer beispielsweise jQuery ohnehin am Laufen hat, sollte überlegen, ob er auch eine entsprechende Lightbox wählt, anstatt sich zusätzlich noch Prototype, Mootools und Co. in’s Haus zu holen. Viele ziehen ja noch weitere Javascript-Dateien nach sich.
Alles in Allem hast Du da eine sehr schöne Seite – ist auf jeden Fall gespeichert ;-)
Viele Grüße
Oliver
Grundsätzlich hast ‘Du da schon recht. Ich persönlich habe da aber auch immer die Ladezeiten einer Webseite im Visier und einige jQuery nutzende Boxen wie die Lightbox2 kommen mir einfach nicht ins Haus mit (JavaScript komplett) 200KB Gewicht. Bis die geladen ist, ist Weihnachten… Ich favorisiere dann eher jQuery No-Conflict und eine auf einem anderen Framework basierende Box einsetzen, die deutlich schlanker ist.
P.S.: Danke für das Kompliment!
Kennt jemand eine Lightbox, die TRANSPARENZEN in tif oder gif files darstellen kann !? Wo man sozusagen in meinem Produktfreisteller-Bild den Website-Hintergrund sieht, wo im Bild(format) eben Transparenzen sind !?
Danke für einen Hinweis, Sebastian