Was ist, was kann dfg?

Transkript

1 dfg dynamische Fotogalerie Version 3.3.2: Was ist, was kann dfg? dfg ist eine dynamische Fotogalerie, die kleine Übersichtsbilder (Thumbnails) auf Internetseiten erstellt und die entsprechenden Bilder durch Anklicken groß anzeigt.

2 Durch Anklicken von Pfeilsymbolen erscheint das vorherige oder nächste Bild in der Einzelbildansicht und man kann über das nach oben gerichtete Pfeilsymbol zurück zur Übersichtseite gehen. Eine frei zu wählende Bezeichnung der Bildergalerie und ein Untertitel werden links oben auf der Webseite ausgegeben. Der Name des ausgewählten Bildes erscheint am linken oberen Bildrand. Gesamtanzahl und Nummer des gerade ausgewähltes Bild der Bildershow werden rechts oben angezeigt. Das war s? Im Prinzip ja, das ist es: kurz, einfach, schlicht und schlüssig keine Werbung, keine Zweitprogramme, kein Schnickschnack! Aber wie wird s denn nun gemacht und was ist, wenn mal was geändert werden soll? Jetzt wird es hier dynamisch. Während viele Programme (u.a. auch Photoshop CS) für jedes Bild eine HTML-Seite mit viel und unübersichtlichem Code erzeugen, reicht es bei dfg völlig aus, Bilder mit einem ftp-programm (WSFTP etc in einen Ordner auf der Internetseite zu übertragen. dfg erzeugt dann automatisch die kleinen Übersichtsbilder und auch (auf Wunsch per Einstellmöglichkeit) Bilder mit internettauglichen Auflösungen/Größen - all dies ohne andere Programme verwenden zu müssen und ganz automatisch. Einzelne Bilder können jederzeit hinzugefügt oder entfernt werden, ohne dass zusätzlicher Aufwand entsteht Vorteile: auf dem Server wird Platz gespart, die Bilder werden schneller angezeigt, Bilderverzeichnisse können schneller und einfacher aktualisiert werden.

3 dfg kann aber doch mehr... Nach einer Passwortabfrage können direkt über die Webseite im Internet- Browser Bilder umbenannt, gelöscht und neue hochgeladen werden. Ein Passwort wird nach Aufruf der Seite dfg-login.php durch den Benutzer erzeugt. Danach kann die Fotogalerie durch Aufruf der Seite dfg-admin.php und Eingabe des Passwortes verwaltet werden. Für jedes Bild und für alle Thumbnails kann ein Kommentar hinzugefügt und individuell formatiert werden.. Als weiteres kleines Extra ist es möglich, mit einzelnen Tasten zum nächsten oder vorherigen Bild zu springen. "Mausfaule" Benutzer wie z.b. Linux/Unix-User können wenn JavaScript aktiviert ist, die Hand auf der Tastatur lassen und mit den Tasten "n" (next) oder "f" (forward) zum nächsten Bild, mit "p" (previous) oder "b" (back) zum vorherigen Bild und mit "u" (up) oder "t" (thumbnails) zu der Thumbnailübersicht navigieren

4 Und wie geht es nun wirklich? Voraussetzungen/Anforderungen dfg ist in PHP programmiert, einer Programmiersprache, die besonders gut und einfach den Funktionsumfang von HTML-Seiten erweitert. Jedoch benötigt kein Benutzer php-kenntnisse, um dfg einzurichten, noch nicht einmal, um es individuell anzupassen. So kann selbst jeder Anfänger die Anzahl und Größe der Thumbnails pro Seite, Farbe, Überschrift usw. selbst bestimmen. Das einzige, was benötigt wird, ist ein Webserver, der php und die Grafik- Library GD ab Version 2.0 unterstützt. Welche GD-Version auf dem Webserver installiert ist, kann man mit der Zeile "<?php phpinfo();?>" (ohne Gänsefüßchen auschneiden, in eine leere HTML-Seite einfügen und diese nach Übertragung auf die Website durch Internetbrowser ausführen) Ist php vom Internetprovider installiert, erscheint ein Seite, die ungefähr so aussieht

5 und hier kommt es darauf an: wenn php nicht installiert ist, erscheint der php-skripttext <?php phpinfo();?> als Text auf dem Bildschirm. Dann wird es vorerst nichts mit dfg und Fotogalerien. (Ein Update der Webseite oder ein Providerwechsel sind nun angesagt...) Wenn es klappt... Installation und Konfiguration In dem Zip-Archiv der letzten Version von dfg sind folgende Dateien enthalten: -- README.TXT -- dfg-admin.php -- dfg-conf.def.inc.php -- dfg-conf.inc.php -- dfg-login.php -- dfg_version.php -- home.gif -- image.php -- next.gif -- previous.gif `-- thumbnails.php Diese Dateien müssen in ein Verzeichnis auf der Website per ftp-programm kopiert werden. Der Verzeichnisbaum einer konfigurierten Galerie sieht z.b. folgendermaßen aus:

6 Nachdem die Galerie auf den Webserver geladen wurde, muss nun besagte Seite dfg-login.php aufgerufen werden, um das Passwort zu erzeugen! Wahlweise kann man beim Login auch ein Cookie setzen lassen, sodass man sich zukünftig nicht mehr einloggen muss. Wenn es funktioniert prima! Nun kann es aber vorkommen, dass folgende Anzeige erscheint: Hier ist der Fehlertext noch einmal: Warning: touch(): Unable to access dfg-login.inc.php in / mnt/be1/02/213/ /htdocs/fotogalerie/dfg-login.php on line 34 Die Erklärung hierfür ist, dass einige Webhoster (Strato etc.) ihre Websites nur im sogenannten php-safe Mode laufen lassen, um ihre Server vor unbefugten Zugriffen zu schützen. Und das heißt, dass das Online-Erzeugen von Dateien und/oder Ordnern und Zugriffe auf Dateien im Website-Verzeichnis nicht möglich sind. Und dfg will ein Passwort erzeugen, das in einer besonderen Datei dfglogin.inc.php (die neu erstellt werden muss) abgelegt werden soll. Die Lösung: dfg-login.inc.php in einer Textdatei mit dem Eintrag <?php /* Admin-Passwort */ $PASSWORD = "PasswortHierEintragen";?> selbst erzeugen und danach auf den Server laden und gleich dfg-admin.php aufrufen. Ist vielleicht nicht besonders elegant, aber auf jeden Fall einfacher als alle anderen Aktivitäten (Hoster kontaktieren, Service-Telefonkosten berappen, Abfuhr erhalten...), die ansonsten notwendig wären.

7 Jetzt klappt s, oder? Die Administrationsseite wird geöffnet: Hier werden online alle Einstellungen für das spätere Erscheinungsbild der Fotogalerie im Internetbrowser getroffen: andere Überschrift Farben Anzahl der Thumbnails pro Seite Größe der Thumbnails Zurücksetzen auf die Voreinstellungswerte usw. Diese Einstellungen sind dann in der Datei dfg-conf.inc.php gespeichert. Alternativ kann diese Konfigurationsdatei dfg-conf.inc.php in einem Texteditor direkt bearbeitet werden. Wohin aber mit den Bildern? Im Verzeichnis der Fotogalerie muss das Verzeichnis images erzeugt werden und in dieses Verzeichnis gehören die Bilder. Beim ersten Aufruf der Galerie werden die folgenden Unterverzeichnisse automatisch erstellt: defaultsizedimg text thumbs (Ordner für die internettauglich umgewandelten Bilder (Ordner für die Kommentare/Untertitel der Bilder) (Ordner für die thumbnail-darstellungen der Bilder)

8 Ausnahme: Web-Server ist im php-safe mode. Dann hilft wieder nur: Verzeichnisse selbst offline erzeugen und auf Server übertragen... (und dabei auf richtige Groß- und Kleinschreibung zu achten) Die Bilder werden lexikographisch/alphabetisch sortiert ausgegeben. Eine bestimmte Reihenfolge kann also dadurch erzielt werden, dass den Bildern eine Zahl vorausgeht. Beispiel: 0000_burgaltena.jpg 0001_burgaltena.jpg 0002_burgaltena.jpg... Am Besten hier immer eine Stelle mehr verwenden als Bilder vorhanden sind, sonst 0_burgaltena.jpg 1_burgaltena.jpg 11_burgaltena.jpg 12_burgaltena.jpg 2_burgaltena.jpg... Bei Fehlern gibt es einen entsprechenden Hinweis im Browser - z.b. dass ein Verzeichnis Schreibrechte haben muss, oder das Verzeichnis unbekannt ist (Tippfehler, Groß- Kleinschreibung beachten) etc. Die Fotogalerie kann nun auf einer Webseite verlinkt werden. Dazu muss beim Verlinken das Quellverzeichnis mit angegeben werden: Ein Link im HTML-Quelltext der Webseite sieht dann z.b. so aus: <a href= >Bildergalerie</a> dfg kann auch mehrere Verzeichnisse mit Bildern, also viele Fotogalerien erzeugen, verwalten und unterschiedlich konfigurieren (andere Überschrift, Farben, Thumbnails pro Seite usw.). rzeichnis In jedem Fotogalerieverzeichnis wird eine Kopie der Konfigurationsdatei dfg-conf.inc.php unter dem Namen fotos-conf.inc.php abgespeichert.

9 Wenn die Datei fotos-conf.inc.php in einem Galerieverzeichnis vorhanden ist, wird diese Konfigurationsdatei bevorzugt behandelt und ermöglicht so eine individuelle Darstellung der entsprechenden Fotogalerie. Diese Konfiguration wird über die dfg-admin.php Seite bearbeitet.

10 Zu allen Bildern kann nun ein Kommentar hinzugefügt werden. Dies ist am einfachsten, indem man sich als Admin einloggt (dfg-login.php aufrufen) und anschließend in der Thumbnail-Anzeige oder Einzelbild-Anzeige im Browser auf den Button "verwalten" bzw. "Bilddaten verwalten" klickt. Hier kann man bequem einen Text/Kommentar hinzufügen. Der Text kann mit HTML-Befehlen formatiert und so individuell gestaltet werden. Der Text, der unterhalb der Thumbnails angezeigt werden soll, wird in der Datei fotos.txt im Verzeichnis der Fotogalerie gespeichert. Die Texte zu den einzelnen Bildern werden im Verzeichnis text gespeichert und werden nach dem Einzelbild, zu dem der Text angezeigt werden soll mit angehängtem Suffix ".txt" bennant. Zum Beispiel wird zu dem Bild 03 Burg aus der Ferne.jpg ein Kommentar angezeigt, wenn die Datei 03 Burg aus der Ferne.jpg.txt in dem Verzeichnis text existiert. So das war s soweit. Läuft alles, wie gewünscht? Achtung: Beim ersten Aufruf kann es noch etwas dauern, bis alle Bilder angezeigt werden, da diese erst vom Web-Server generiert werden müssen. Wenn nicht: Fragen, Wünsche und Fehlermeldungen bitte an dfg@fieroch.de Kosten Das Skript für die dynamische Fotogalerie ist kostenlos! Eine Bedingung ist allerdings, dass der Link auf die Seite in dem Skript nicht entfernt werden darf, damit auch andere Besucher die Galerie finden können. Wenn du mit dem Skript zufrieden bist und es gerne einsetzt, appelliere ich an dein Gewissen und bitte um eine kleine Spende. Ich bin nur ein Student und habe sehr viele Stunden meiner Freizeit in die Entwicklung von dfg investiert. Daher würde ich mich über jeden einzelnen Euro freuen. Spenden können auf mein PayPal-Konto oder auch bei Nachfrage direkt auf mein Konto überwiesen werden. Besten Dank im voraus! Dieses Dokument wurde von Biele Emmenberger als alternative dfg-anleitung erstellt und von Alexander Fieroch leicht angepasst.