Foto Vorschau mit Lightbox und Thumbnails in Apache DirectoryIndex dank h5ai

Ich habe die gesamte Fotodatenbank bzw. das Fotoverzeichnis zu Hause auf dem Server liegen und spiegele diese (u.a.) auf mein MediaCenter (MacMini). Per Samba Share oder auch per http kann man also mit allen Devices auf den Server zugreifen, was am Computer auch gut klappt: SMB verbinden und dann mittels der normalen Werkzeuge (Explorer, Finder, Vorschau, ThumbsPlus, ASeeDsee etc.) auf die Bilder zugreifen.

Beim iPad oder iPhone muss man allerdings auf vernünftige SMB Integration (auch per App) verzichten, sodass das hier keine Lösung ist – und ein Zugriff per Browser auf die nackten Apache Verzeichnisse ist wenig elegant oder praktisch.

Daher habe ich immer mal wieder nach einer tauglichen Lösung gesucht, mit der ich das Apache DirectoryListung (aka. Apache DirectoryIndex) um eine Vorschaufunktion erweitern kann. Die meisten Lösungen basierten darauf, die HTML Vorlagen für den DirectoryIndex um etwas JavaScript zu ergänzen und so eine Lightbox nachzurüsten. Das sieht im ersten Moment ganz gut aus, reicht aber fürs Browsing nicht wirklich: Vorschau fehlt, i.d. Regel fehlen vor- und zurück-Funktionen.

Am Wochenende bin ich auf das wirklich großartige h5ai gestoßen, laut eigener Beschreibung „a modern HTTP web server index“. Der Programmautor (Lars Jung) hat da eine sehr leicht einzurichtende Lösung gebaut und offen gelegt, die ich sehr, sehr schick finde.

Schaut so aus:

h5ai_01

h5ai_02

Die Einrichtung dauerte bei mir auf dem Linux Server 5 min. und unter Mac OS X 20 min., weil dort etwas mehr an der Apache Konfiguration angepasst werden musste – also eine kleiner Schritt für den Admin, ein großer Schritt für meine Familie 🙂

Hier nochmal der Link: http://larsjung.de/h5ai/