Home / Archiv / Tipp der Woche / Schnell Webseite mit Bildergalerie erzeugen

Newsletter abonnieren

Lies uns auf...

Folge LinuxCommunity auf Twitter

Top-Beiträge

Heftarchiv

LinuxUser Heftarchiv

EasyLinux Heftarchiv

Ubuntu User Heftarchiv

Ubuntu User Heftarchiv

Partner-Links:

Das B2B Portal www.Linx.de informiert über Produkte und Dienstleistungen.

Schnell Webseite mit Bildergalerie erzeugen

Schnell Webseite mit Bildergalerie erzeugen

→ Zum Tipp-Archiv...

Wer seine Fotos in einer Bildergalerie ins Web stellen möchte, muss weder HTML, noch JavaScript beherrschen. Das kleine Programm fgallery genügt: Es greift sich alle Bilder aus einem Verzeichnis und erstellt aus ihnen eine professionell aussehende Bildergalerie. Die besteht wiederum nur aus statischen Seiten, gewürzt mit etwas JavaScript. Auf dem Webserver ist folglich weder PHP noch eine andere Skriptsprache notwendig, sondern lediglich genügend Speicherplatz. Auch die Handhabung ist kinderleicht: Das von fgallery ausgespuckte Ergebnis muss man nur noch auf den eigenen Webserver hochladen.

Installation

Für seine Arbeit benötigt fgallery auf dem heimischen Rechner allerdings ein paar Hilfsprogramme. Im einzelnen sind dies:

  • ImageMagick
  • exiftran oder exifautotran
  • zip
  • Perl mit den Modulen JSON::PP und Date::Parse

Diese Komponenten lagern in den Repositories aller großen Distributionen. Unter Ubuntu spielt sie in einem Terminal-Fenster der folgende Befehl ein:

sudo apt-get install imagemagick exiftran zip libjson-perl libtimedate-perl

Anschließend lädt man sich auf der fgallery-Homepage die aktuelle Version herunter (im Abschnitt Releases). Derzeit ist das fgallery 1.1. Das erhaltene ZIP-Archiv entpackt man auf der Festplatte, wobei das Skript fgallery und ein Verzeichnis view herauspurzeln.

Galerie erstellen

Jetzt sammelt man in einem Verzeichnis alle Fotos, die in der Bildergalerie erscheinen sollen. Im Folgenden soll dies ~/Bilder sein. Anschließend erstellt man ein weiteres Verzeichnis, in dem die von fgallery erzeugte Galerie landet. Dieses Verzeichnis lautet im Folgenden ~/Galerie. Anschließend setzt man das Skript fgallery auf diese beiden Verzeichnisse an:

./fgallery ~/Bilder ~/Galerie

Danach kopiert man nur noch den Inhalt des Verzeichnisses view in den Ordner ~/Galerie und hievt diesen dann auf den eigenen Webserver.

So sieht eine mit fgallery erzeugte Bildergalerie aus.

So sieht eine mit fgallery erzeugte Bildergalerie aus.

Vorschau nur mit Webserver

Wer sich die Galerie auf dem eigenen Rechner ansehen möchte, muss dazu einen Webserver aufsetzen und starten. Grund ist das von fgallery verwendete JavaScript, das weitere Daten nachlädt. Der fgallery-Entwickler empfiehlt, den Webserver von Python zu verwenden. Er liegt den meisten Distributionen von Haus aus bei und lässt sich schnell und ohne umständliche Konfiguration im Verzeichnis ~/Galerie per

python -m SimpleHTTPServer 8000 

anwerfen. Die Galerie erreicht man dann unter der Adresse http://localhost:8000/.

Haken und Ösen

Die von fgallery erzeugten Vorschaubilder enthalten keine EXIF-Informationen. Die Originale schnürt das Werkzeug zu einem Archiv, das man im Verzeichnis ~/Galerie im Unterverzeichnis files findet. In der Galerie im Browser können sich Besucher dieses Archiv über das Diskettensymbol ganz links oben in der Ecke herunterladen (es erscheint erst, wenn man mit dem Mauszeiger über ein Bild fährt). Wer dieses ZIP-Archiv nicht erzeugen beziehungsweise anbieten möchte, verwendet bei der Erstellung der Galerie den Parameter -d:

./fgallery -d ~/Bilder ~/Galerie

Das Werkzeug kennt noch weitere Parameter, die ein einfacher Aufruf von ./fgallery preisgibt. Weitere Tipps liefert zudem die Homepage des Werkzeugs.

Bookmark and Share

Kommentare

Tipp der Woche

Bilder vergleichen mit diffimg
Bilder vergleichen mit diffimg
Tim Schürmann, 01.04.2014 12:40, 1 Kommentare

Das kleine Werkzeug diffimg kann zwei (scheinbar) identische Bilder miteinander vergleichen und die Unterschiede optisch hervorheben. Damit lassen sich nicht nur Rätsel a la „Orignial und Fäls...

1136 Hits
Wertung: 143 Punkte (5 Stimmen)

Aktuelle Fragen

programm suche
Hans-Joachim Köpke, 13.04.2014 10:43, 8 Antworten
suche noch programme die zu windows gibt, die auch unter linux laufen bzw sich ähneln sozusagen a...
Funknetz (Web-Stick)
Hans-Joachim Köpke, 04.04.2014 07:31, 2 Antworten
Bei Windows7 brauche ich den Stick nur ins USB-Fach schieben dann erkennt Windows7 Automatisch, a...
Ubuntu 13.10 überschreibt immer Windows 8 Bootmanager
Thomas Weiss, 15.03.2014 19:20, 8 Antworten
Hallo Leute, ich hoffe das ich richtig bin. Ich habe einen Dell Insipron 660 Ich möchte gerne Ub...
USB-PTP-Class Kamera wird nicht erkannt (Windows-only)
Wimpy *, 14.03.2014 13:04, 15 Antworten
ich habe meiner Frau eine Digitalkamera, AGFA Optima 103, gekauft und wir sind sehr zufrieden dam...
Treiber
Michael Kristahn, 12.03.2014 08:28, 5 Antworten
Habe mir ein Scanner gebraucht gekauft von Canon CanoScan LiDE 70 kein Treiber wie bekomme ich de...

Jetzt auf den Mailinglisten

Re: [EasyLinux-Ubuntu] Nach_Update/Umstellung_auf_Lubuntu_14.04_LTS:_Ersatz_für_"Jupiter"_zur_Hardwaresteuerung?
Maik Lehmberg, 23.04.2014 10:23
Am 23.04.2014 um 08:07 h schrieb Uwe Herrmuth: > Ich hoffe, Du hast noch eine Sicherung von dem 12.04er Zu...
Re: [EasyLinux-Ubuntu] [OT] Tbird: chrome://messenger/content/mailWindowOverlay.js:1374
"J.Bilder", 23.04.2014 10:21
Am 23.04.2014 09:19, schrieb Hartmut Haase: > Hallo Johanna, >> chrome://messenger/content/mailWin...
Re: [EasyLinux-Ubuntu] DWA for Piwik (AdobeAir)
Uwe Herrmuth, 23.04.2014 10:15
Hallo Joachim, Joachim Puttkammer schrieb am 22.04.2014 um 23:07: > zur Besucherauswertung meiner Homepa...
Re: [EasyLinux-Ubuntu] [OT] Tbird: chrome://messenger/content/mailWindowOverlay.js:1374
Hartmut Haase, 23.04.2014 09:19
Hallo Johanna, > chrome://messenger/content/mailWindowOverlay.js:1374 was steht denn in der Zeile? --...
Re: [EasyLinux-Ubuntu] [zur Info] KMail
Joachim Puttkammer, 23.04.2014 08:44
Am Dienstag, 22. April 2014 schrieb Heinz-Stefan Neumeyer: > Das funktioniert aber m.W. auch nicht in alle...