Eine leichtgewichtige Alternative zum beliebten Javascript-Bildbetrachter “Lightbox 2” gibt es von Christophe Beyls bei http://www.digitalia.be zu downloaden. Das Projekt nennt sich “Slimbox” und zeigt damit auch auf den größten Unterschied zwischen den beiden Projekten auf: die Dateigröße bzw. Performance.
Während Lightbox mit allen Bibliotheken auf ca. 100kb kommt, benötigt Slimbox bei identischen Features nur etwa 25kb. Von der Art des Einbettens in Projekte nehmen Sie die beiden Projekte nichts: Slimbox ist zu 100% Lightbox kompatibel.
Wo liegen die Unterschiede?
- Slimbox ist sofort nach der Initialisierung des Dokuments einsatzbereit. Bei Lightbox muss man darauf warten, dass alle Bilder fertig geladen sind.
- Während Lightbox immer mal wieder abstürzt, macht Slimbox keine Probleme und zeigt sich robust.
- Um Display-Bugs zu vermeiden, versteckt Slimbox Flash-Anis und Videos.
- Slimbox kann via Javascript getriggert werden. Lighbox wird lediglich über HTML-Parameter konfiguriert.
- Das Slimbox-CSS ist einfacher und 100% valide. Es kommt ohne CSS-Hacks aus.
- Ein Blind-Gif (1×1 Pixel große, transparente Gif-Datei) wird nicht benötigt.
- Alle Grafiken sind im CSS referenziert und tauchen im JS-File gar nicht mehr auf.
Während Lightbox auf nahezu allen Webseiten einsetzbar ist, besteht Slimbox auf XHTML (1.0 transitional, 1.0 strict oder 1.1)… Wer also auf valide XHTML-Webseiten Wert legt, sollte auf das Fliegengewicht Slimbox umsteigen!
Update: Die deutsche Version von Slimbox gibts exklusiv beim PHP Blogger: Jetzt Slimbox 1.4 auf deutsch downloaden!
