Bildergalerie mit Php
Kurzer Überblick
Um das Skript zu benutzen, muß Ihr Webserver Php-Skripte verarbeiten können. Fragen Sie gegebenenfalls bei Ihrem Provider nach. Php-Skripte können auf dem lokalen Rechner nur getestet werden, wenn darauf ein Webserver mit Php-Unterstützung läuft.
Wird die Datei galerie.php im Browser aufgerufen, so wird eine Übersichtsseite mit allen Vorschaubildern angezeigt, ein Klick auf das Bild öffnet die Seite galerie.php?n=bildname und zeigt das große Bild an. Unter dem Bild können bis zu drei von Ihnen angegebene Zusatztexte stehen, zudem wird eine Navigationsleiste mit Links auf die Übersichtsseite, sowie auf das vorhergehende und nachfolgende Bild angezeigt.
Hier können Sie ein kleines Beispiel betrachten.
Anleitung
Das Erstellen der Galerie ist denkbar einfach:
- Speichern Sie alle Bilder als JPG im Verzeichnis bilder.
- Verkleinern Sie alle Bilder auf ein Fünftel (20%) und speichern Sie sie unter dem gleichen Namen im Verzeichnis minibilder.
- Erstellen Sie eine normale Textdatei mit dem Namen bild.txt und tragen für jedes Bild genau eine Zeile mit dem Dateinamen, der Breite, der Höhe und den Titel des Bildes ein. Wahlweise können Sie noch bis zu drei Zusatztexte eingeben die dann gegebenenfalls unter dem Bild erscheinen:
name§breite§höhe§titel§untertitel§text zum bild§info
Wollen Sie die Dateien sonne.jpg, mond.jpg und sterne.jpg anzeigen, sieht die Datei wie folgt aus:
sonne§350§350§Die Sonne§bei Nacht§§1999
mond§400§300§Der Mond§§§April 03
sterne§300§90§Laurence Sterne§1713-1769§§
Trennen Sie die Einträge durch das Zeichen "§" und achten Sie darauf, daß in jeder Zeile mindestens 6 Trennzeichen stehen, auch wenn Sie keine Zusatztexte eingeben. Die letzte Zeile darf nicht mit "Return" abgeschlossen werden, da dies eine leere Zeile erzeugen würde.
- Laden Sie nun die Dateien galerie.php, bild.txt, stil.css und die Verzeichnisse bilder und minibilder auf Ihren Webserver hoch. Wenn Sie nun auf die Seite galerie.php gehen, sollten Ihre Bilder angezeigt werden.
Sie können natürlich das Skript galerie.php und die Formatierung ihren Bedürfnissen anpassen:
- Ändern Sie gegebenefalls den Titel der Galerie, die Anzahl der Vorschaubilder in einer Zeile, und geben Sie eine Datei an, zu der der Benutzer zurückgehen kann.
- Passen Sie die Dateinamen, die Verzeichnisse, die Bildformate und den Verkleinerungsfaktor der Vorschaubilder an.
- Versehen Sie die Galerie mit relationalen Links zu der Seite, die sich vor der Galerie befindet, und zu der Seite, die nach der Galerie folgt.
- Fügen Sie neue Elemente (z. B. ein Logo und Navigationselemente) und Formatierungsanweisungen hinzu.
- Binden Sie eine neue CSS-Datei ein oder ändern Sie die bestehende Datei stil.css.
Die wichtigsten Parameter stehen direkt am Anfang der Datei galerie.php, Sie müssen nur die Werte der entsprechenden Variablen ändern.
Download der Dateien
Hier ist das Skript und dazugehörige Dateien. Klicken Sie zum Speichern mit der rechten Maustaste darauf und wählen "Speichern unter".
- galerie.php.txt - das Php-Skript (bitte in "galerie.php" umbenennen)
- stil.css - bestimmt das Aussehen der Galerie
- bild.txt - Beispielschablone für die Bildinformationen
- galerie.zip - das Beispiel enthält obigen drei Dateien inklusive drei Beispiel-Bildern