TEAM-FAHLBUSCH.DE
Version 2.7
Copyright 2011 - 2018
Logo

Freizeitaktivitäten von Katharina & Jürgen Fahlbusch
TeamPage
- CodePage -

Kontakt: Jürgen Fahlbusch - admin@team-fahlbusch.de

Site-Explorer

 (-) TeamPage   (-) CodePage       ScriptImgShow       ScriptPage

Galerie-Explorer Video-Explorer

Seit dem 05.02.17
haben wir

40209 Klicks

auf diese Seiten erhalten

Erstes PHP Script für eine Webbasierte Fotogalerie

Mit diesem Script wollten wir erreichen, einfache Bilderfolgen durch vor und zürück Blättern anzuzeigen. Dabei liegt ein besonderer Wert auf möglichst geringem Datenverkehr. Es wird also nur jeweils das eine anzuzeigende Bild und nicht die ganze Galerie geladen. Außerdem soll die einfache Struktur eine relativ einfache Einbindung neuer Bilder oder Bilderserien ermöglichen obwohl keine externe Datenbank genutzt wird. Die Anpassungen können somit ohne große Programmier- und Datenbank-Kenntnisse erfolgen.

Alle Urheberrechte für das vorliegende Script liegt bei Jürgen Fahlbusch - www.team-fahlbusch.de

Das Script für die Bildergalerien sollte sich in einer eigenen PHP-Datei befinden, die hauptsächlich für diesen Zweck genutzt wird. Die Bildadressen befinden sich in einem zwei dimensionalen Array. Dadurch können sich mehrere unabhängigen Bildgalerien mit gleichem Erscheinungsbild in nur einer Galerie-Datei befinden.

Beim Aufruf der Datei müssen die Vektoren der aktuell gewählten Bilderserie und Bildes übergeben werden. Dies Erfolgt über die Parameter:
List für die Bilderserie und
Id für das Bild.

Der Aufruf erfolgt in der Art "Galerie.php?List=2&Id=3"
In diesem Fall wird zunächst das 3. Bild der 2. Bilderserie angezeigt.

Das Blättern durch die jeweilige ausgewählte Bilderserie erfolgt dann durch entsprechende Felder hier im Beispiel oberhalb des Bildes gekenzeichnet durch "prev" und "next". Das Feld "close" schließt die Bilderserie und sollte zur Aufrufenden Seite zurück verweisen.

 
<?php
      $img = array(                      // Datenbereich muss an Bildserien angepasst werden   
        1 => array(                      // 1.Bilderserie 
          'ret_path' => './index.htm',   // Pfad zurück zur aufrufenden Seite
          'img_path' => './pictures/',   // gemeinsamer Pfad für alle Bilder dieser Bildserie 
          1 => 'folder1/IMG_0815.JPG',   // individueller Pfad und Dateiname 1. Bild
          2 => 'folder4/CIMG4711.JPG',   // individueller Pfad und Dateiname 2. Bild
          'max_id' => 2),                // Angabe der maximalen Anzahl Bilder dieser Bildserie       

        2 => array(                      // 2.Bilderserie 
          'ret_path' => './index.htm',   // Pfad zurück zur aufrufenden Seite
          'img_path' => './images/',     // gemeinsamer Pfad für alle Bilder dieser Bildserie 
          1 => 'PIC_1111.JPG',           // individueller Pfad und Dateiname 1. Bild
          2 => 'folder2/08154711.JPG',   // individueller Pfad und Dateiname 2. Bild
          'max_id' => 2));               // Angabe der maximalen Anzahl Bilder dieser Bildserie       

      $list = $HTTP_GET_VARS["List"];    // Programmbereich bleibt immer gleich 
      $id = $HTTP_GET_VARS["Id"];
      $this_file = basename(getenv("SCRIPT_NAME"));
      $img_file = $img[$list]["img_path"].$img[$list][$id];
      $max = $img[$list]["max_id"];
      $prev_file = $img[$list]["ret_path"];

      if ($id > "1")                     // erzeugt Link zum vorhergehenden Bild falls vorhanden
      {
       echo "<a href='./";
       echo $this_file;
       echo "?List=";
       echo ($list);
       echo "&Id="; 
       echo ($id-1);
       echo "'>prev </a>";
      }

      echo "<a href='";                  // erzeugt Link zum Rücksprung Ziel 
      echo $prev_file;
      echo "'>close </a>";

      if ($id < $max)                    // erzeugt Link zum nächsten Bild falls vorhanden 
      {
       echo "<a href='./";
       echo $this_file;
       echo "?List=";
       echo ($list);
       echo "&Id=";
       echo ($id+1);
       echo "'>next</a>";
      }


     echo "<img src='";                  // erzeugt Link zum gewählten Bild und zeigt dies an
     echo $img_file;
     echo "' align='left' alt='";
     echo $img_file;
     echo "'>";
?>