Erstes großes Refactoring

* alle gemeinsamen Funktionen in includes/galleryfunctions.php
   zusammengeführt (fixes #21)
 * AJAX-Requests werden in ajaxrequest.php behandelt und liefern
   zusätzlich zum Titel auch die URLs des Vorschau- und des Vollbildes
   (fixes #22), die übergebenen Request-Parameter werden syntaktisch
   geprüft (fixes #23)
 * Die Vorschau- und Thumbnail-Bilder werden in der Funktion
   getScaledImage() in includes/galleryfunctions.php generiert und im
   Filesystem abgelegt (fixes #10)
 * Bildbeschreibungen sind jetzt in einem .ini-Format in
   bilder/example/galleryinfo.ini in der Sektion "images" definiert
   (addresses #20)
 * Rendern der Menüpunkte in index.php und
   includes/galleryfunctions.php vorbereitet (addresses #16)
 * Die AJAX-Aufrufe und Pfadberechnungen in scripts/ourhandlers.js
   wurden korrigiert und an die neue AJAX-Handler-URL angepasst
   (addresses #22, fixes #19)
 * Beispielbilder in Unterverzeichnis ''bilder/example'' verschoben
   und die Möglichkeit vorgesehen in ''bilder/galleryinfo.ini'' eine
   Standardgallerie anzugeben (fixes #24, addresses #20, #16)

ajaxrequest.php

@@ -1,13 +1,11 @@
 <?php
-/*
+/**
- * Code for displaying image descriptions.
+ * Diese Datei behandelt AJAX-Requests.
  *
  * Copyright (c) 2007, 2008 Jan Dittberner <jan@dittberner.info>
- * Jan Dittberner IT-Consulting & -Solutions
+ * Jan Dittberner IT-Consulting & -Solutions,
  * Cottbuser Str. 1, D-01129 Dresden
  *
- * Copyright (c) 2008 Jeremias Arnstadt <douth024@googlemail.com>
- *
  * This file is part of the ScrollingJQueryGallery component of the
  * gnuviech-server.de Websitetools
  *
@@ -27,10 +25,19 @@
  *
  * Version: $Id$
  */
-include_once("fetchdescription.php");
+include("includes/galleryfunctions.php");
-$imginfo = getImgInfo($allfiles[0]);
+
-if (is_array($imginfo) && isset($imginfo["data"])) {
+if (isset($_GET["imagename"]) && isset($_GET["galleryname"]) &&
-  print htmlentities($imginfo["data"]);
+    preg_match('/^[\w\d _-]+\.jp(e|)g$/', $_GET["imagename"]) &&
+    preg_match(GALLERY_RE, $_GET["galleryname"])) {
+  header("Content-Type: text/plain; charset=UTF-8");
+  if ($imageInfo = getImgInfo($_GET["galleryname"], $_GET["imagename"])) {
+    print json_encode($imageInfo);
+  } else {
+    header("HTTP/1.0 404 Not Found");
+    header("Status: 404 Not Found");
+  }
 } else {
-  print $imginfo;
+  header("HTTP/1.0 400 Bad Request");
+  header("Status: 400 Bad Request");
 }

bilder/example/galleryinfo.ini

@@ -0,0 +1,7 @@
+[images]
+cimg3033_Small.jpg = Kerze
+cimg3071_Small.jpg = Gerät
+cimg3157_Small.jpg = Abstract
+cimg4188_Small.jpg = Blume
+cimg4191_Small.jpg = Blume - Rose
+cimg5178_Small.jpg = Gerät nah

bilder/imginfo.txt

@@ -1,6 +0,0 @@
-cimg3033_Small.jpg Kerze
-cimg3071_Small.jpg Gerät
-cimg3157_Small.jpg Abstract
-cimg4188_Small.jpg Blume
-cimg4191_Small.jpg Blume - Rose
-cimg5178_Small.jpg Gerät nah

fetchdescription.php

@@ -1,56 +0,0 @@
-<?php
-/**
- * Holt die Bildinformationen zu einem Bild aus der Datei
- * bilder/imginfo.txt und gibt diese zurueck.
- *
- * Copyright (c) 2007, 2008 Jan Dittberner <jan@dittberner.info>
- * Jan Dittberner IT-Consulting & -Solutions,
- * Cottbuser Str. 1, D-01129 Dresden
- *
- * This file is part of the ScrollingJQueryGallery component of the
- * gnuviech-server.de Websitetools
- *
- * ScrollingJQueryGallery is free software: you can redistribute it
- * and/or modify it under the terms of the GNU General Public License as
- * published by the Free Software Foundation, either version 3 of the
- * License, or (at your option) any later version.
- *
- * ScrollingJQueryGallery is distributed in the hope that it will be
- * useful, but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
- * General Public License for more details.
- *
- * You should have received a copy of the GNU General Public License
- * along with ScrollingJQueryGallery.  If not, see
- * <http://www.gnu.org/licenses/>.
- *
- * Version: $Id$
- */
-$infofile = "bilder/imginfo.txt";
-$prefix = "bilder/";
-
-function getImgInfo($imagename) {
-  if (file_exists($imagename)) {
-    $imagename = substr($imagename, strlen($GLOBALS["prefix"]));
-  }
-  if (file_exists($GLOBALS["prefix"] . $imagename)) {
-    foreach (file($GLOBALS["infofile"]) as $line) {
-      $firstspace = strpos($line, " ");
-      $name = substr($line, 0, $firstspace);
-      $data = trim(substr($line, $firstspace + 1));
-      if (strcmp($name, $imagename) == 0) {
-        $retval = array("name" => $name,
-                        "data" => trim($data));
-        break;
-      }
-    }
-  } else {
-    return $GLOBALS["prefix"] . $imagename . " doesn't exist";
-  }
-  return $retval;
-}
-
-if (isset($_GET["imagename"])) {
-  header("Content-Type: text/plain; charset=UTF-8");
-  print json_encode(getImgInfo($_GET["imagename"]));
-}

funktionen/show_pictures.php

@@ -1,33 +0,0 @@
-<?php
-/*
- * Code for displaying the detail images.
- *
- * Copyright (c) 2007, 2008 Jan Dittberner <jan@dittberner.info>
- * Jan Dittberner IT-Consulting & -Solutions
- * Cottbuser Str. 1, D-01129 Dresden
- *
- * Copyright (c) 2008 Jeremias Arnstadt <douth024@googlemail.com>
- *
- * This file is part of the ScrollingJQueryGallery component of the
- * gnuviech-server.de Websitetools
- *
- * ScrollingJQueryGallery is free software: you can redistribute it
- * and/or modify it under the terms of the GNU General Public License as
- * published by the Free Software Foundation, either version 3 of the
- * License, or (at your option) any later version.
- *
- * ScrollingJQueryGallery is distributed in the hope that it will be
- * useful, but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
- * General Public License for more details.
- *
- * You should have received a copy of the GNU General Public License
- * along with ScrollingJQueryGallery.  If not, see
- * <http://www.gnu.org/licenses/>.
- *
- * Version: $Id$
- */
-$width_middle = 311;
-printf("<a href=\"%s\" class=\"lightbox\" ><img id=\"contentimg\" src=\"%s\" alt=\"\" width=\"%s\" /></a>",
-       dirname($allfiles[0]) . DIRECTORY_SEPARATOR . basename($allfiles[0]), 
-       $allfiles[0], $width_middle);

funktionen/thumbnail.php

@@ -1,41 +0,0 @@
-<?
-/*
-* Code for calculating thumbnail image sizes.
-*
-* Copyright (c) 2007, 2008 Jan Dittberner <jan@dittberner.info>
-* Jan Dittberner IT-Consulting & -Solutions
-* Cottbuser Str. 1, D-01129 Dresden
-*
-* This file is part of the ScrollingJQueryGallery component of the
-* gnuviech-server.de Websitetools
-*
-* ScrollingJQueryGallery is free software: you can redistribute it
-* and/or modify it under the terms of the GNU General Public License as
-* published by the Free Software Foundation, either version 3 of the
-* License, or (at your option) any later version.
-*
-* ScrollingJQueryGallery is distributed in the hope that it will be
-* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of
-* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
-* General Public License for more details.
-*
-* You should have received a copy of the GNU General Public License
-* along with ScrollingJQueryGallery.  If not, see
-* <http://www.gnu.org/licenses/>.
-*
-* Version: $Id$
-*/
-
-$thumbsizes = array();
-$thumbwidthsum = 2;
-$thumbheight = 67;
-foreach ($allfiles as $filename) {
-  $directory = dirname($filename);
-  $basename = basename($filename);
-  $thumbfile = $directory .
-    DIRECTORY_SEPARATOR . $basename;
-  if ($thumbsize = getimagesize($thumbfile)) {
-    $thumbsizes[$thumbfile] = $thumbsize;
-    $thumbwidthsum = $thumbwidthsum + $thumbsize[0] + 3;
-  }
-}

funktionen/thumbnail_show.php

@@ -1,31 +0,0 @@
-<?php
-/*
- * Code for showing thumbnail images.
- *
- * Copyright (c) 2007, 2008 Jan Dittberner <jan@dittberner.info>
- * Jan Dittberner IT-Consulting & -Solutions
- * Cottbuser Str. 1, D-01129 Dresden
- *
- * This file is part of the ScrollingJQueryGallery component of the
- * gnuviech-server.de Websitetools
- *
- * ScrollingJQueryGallery is free software: you can redistribute it
- * and/or modify it under the terms of the GNU General Public License as
- * published by the Free Software Foundation, either version 3 of the
- * License, or (at your option) any later version.
- *
- * ScrollingJQueryGallery is distributed in the hope that it will be
- * useful, but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
- * General Public License for more details.
- *
- * You should have received a copy of the GNU General Public License
- * along with ScrollingJQueryGallery.  If not, see
- * <http://www.gnu.org/licenses/>.
- *
- * Version: $Id$
- */
-foreach ($thumbsizes as $thumbfile => $thumbsize) {
-  printf("<div class=\"thumbnail\"><img src=\"%s\" alt=\"\" height=\"%s\" /></div>",
-         $thumbfile, $thumbheight);
-}

includes/galleryfunctions.php

@@ -0,0 +1,224 @@
+<?php
+/**
+ * Diese Datei stellt die verschiedenen Funktionen für den Aufbau der
+ * Bildergallerie zur Verfügung.
+ *
+ * Copyright (c) 2007, 2008 Jan Dittberner <jan@dittberner.info>
+ * Jan Dittberner IT-Consulting & -Solutions,
+ * Cottbuser Str. 1, D-01129 Dresden
+ *
+ * This file is part of the ScrollingJQueryGallery component of the
+ * gnuviech-server.de Websitetools
+ *
+ * ScrollingJQueryGallery is free software: you can redistribute it
+ * and/or modify it under the terms of the GNU General Public License as
+ * published by the Free Software Foundation, either version 3 of the
+ * License, or (at your option) any later version.
+ *
+ * ScrollingJQueryGallery is distributed in the hope that it will be
+ * useful, but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
+ * General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with ScrollingJQueryGallery.  If not, see
+ * <http://www.gnu.org/licenses/>.
+ *
+ * Version: $Id$
+ */
+
+define(GALLERYPREFIX, "bilder");
+define(INFOFILE, "galleryinfo.ini");
+define(IMAGESEC, "images");
+define(GALLERYSEC, "gallery");
+define(GALLERY_RE, '/^[\w\d _-]+$/');
+
+$previewwidth = 311;
+$thumbheight = 67;
+
+function galleryExists($galleryname) {
+  return preg_match(GALLERY_RE, $galleryname) &&
+    realpath(GALLERYPREFIX . DIRECTORY_SEPARATOR . $galleryname);
+}
+
+function getGalleryConfig($galleryname = null) {
+  if ($galleryname) {
+    $filepath = realpath(GALLERYPREFIX . DIRECTORY_SEPARATOR .
+                         $galleryname . DIRECTORY_SEPARATOR . INFOFILE);
+  } else {
+    $filepath = realpath(GALLERYPREFIX . DIRECTORY_SEPARATOR . INFOFILE);
+  }
+  if (is_file($filepath)) {
+    return parse_ini_file($filepath, true);
+  }
+  return array();
+}
+
+/**
+ * Holt die Bildinformationen zu einem Bild aus der Datei
+ * bilder/imginfo.txt und gibt diese zurueck.
+ *
+ * @param $imagename Bildname
+ * @param $galleryname Galleriename
+ */
+function getImgInfo($galleryname, $imagename) {
+  return array("name" => $imagename,
+               "data" => getImageLabel($galleryname, $imagename),
+               "preview" => GALLERYPREFIX . DIRECTORY_SEPARATOR .
+               getScaledImage($galleryname, $imagename,
+                              $GLOBALS["previewwidth"], false),
+               "full" => GALLERYPREFIX . DIRECTORY_SEPARATOR . $galleryname .
+               DIRECTORY_SEPARATOR . $imagename
+               );
+}
+
+function getImageLabel($galleryname, $imagename) {
+  $gallerypath = realpath(GALLERYPREFIX . DIRECTORY_SEPARATOR . $galleryname);
+  if (empty($gallerypath) || !is_dir($gallerypath)) {
+    return false;
+  }
+  $filepath = $gallerypath . DIRECTORY_SEPARATOR . $imagename;
+  if (!is_file($filepath)) {
+    return false;
+  }
+  $inidata = getGalleryConfig($galleryname);
+  $value = $inidata[IMAGESEC][$imagename];
+  if ($value) {
+    return $value;
+  }
+  return $imagename;
+}
+
+/**
+ * Liefert die aktuelle Gallerie. Die Gallerie kann entweder im
+ * GET-Parameter "galleryname" stehen, in der "gallery"-Sektion der
+ * zentralen galleryinfo.ini angegeben werden oder es wird das erste
+ * Unterverzeichnis von GALLERYPREFIX verwendet.
+ */
+function getCurrentGallery() {
+  if (galleryExists($_GET["galleryname"])) {
+    return $_GET["galleryname"];
+  }
+  $filepath = realpath(GALLERYPREFIX . DIRECTORY_SEPARATOR . INFOFILE);
+  if (!empty($filepath)) {
+    $inidata = getGalleryConfig();
+    if (galleryExists($inidata[GALLERYSEC]["default"])) {
+      return $inidata[GALLERYSEC]["default"];
+    }
+  }
+  foreach (glob(realpath(GALLERYPREFIX) . DIRECTORY_SEPARATOR . '*',
+                GLOB_ONLYDIR) as $directory) {
+    $basename = basename($directory);
+    if (galleryExists($basename)) {
+      return $basename;
+    }
+  }
+  return null;
+}
+
+function getScaledImage($galleryname, $basename, $maxdim, $scaleheight=true) {
+  if ($maxdim == 0) {
+    debug_print_backtrace();
+  }
+  $gallerydir = realpath(GALLERYPREFIX . DIRECTORY_SEPARATOR . $galleryname);
+  if ($scaleheight) {
+    $scaleddir = sprintf("%s%sscaled_x%d", $galleryname,
+                         DIRECTORY_SEPARATOR, $maxdim);
+  } else {
+    $scaleddir = sprintf("%s%sscaled%dx_", $galleryname,
+                         DIRECTORY_SEPARATOR, $maxdim);
+  }
+  $scaleddirpath = GALLERYPREFIX . DIRECTORY_SEPARATOR . $scaleddir;
+  if (!is_dir($scaleddirpath)) {
+    // versuchen das Thumbnail-Verzeichnis anzulegen
+    $mkdir = @mkdir($scaleddirpath, 0755);
+    if (!$mkdir) {
+      return $galleryname . DIRECTORY_SEPARATOR . $basename;
+    }
+  }
+  
+  $scaledimage = $scaleddirpath . DIRECTORY_SEPARATOR . $basename;
+  if (!is_file($scaledimage)) {
+    // Datei erzeugen
+    $originalfile = $gallerydir . DIRECTORY_SEPARATOR . $basename;
+    $origimage = imagecreatefromjpeg($originalfile);
+    $origx = imagesx($origimage);
+    $origy = imagesy($origimage);
+    if ($scaleheight) {
+      $scaleratio = $origy / (1.0 * $maxdim);
+      $newy = $maxdim;
+      $newx = (int) $origx / $scaleratio;
+    } else {
+      $scaleratio = $origx / (1.0 * $maxdim);
+      $newx = $maxdim;
+      $newy = (int) $origy / $scaleratio;
+    }
+    $newimage = imagecreatetruecolor($newx, $newy);
+    imagecopyresampled($newimage, $origimage, 0, 0, 0, 0, $newx, $newy,
+                       $origx, $origy);
+    imagejpeg($newimage, $scaledimage, 90);
+  }
+  return $scaleddir . DIRECTORY_SEPARATOR . $basename;
+}
+
+/**
+ * Gibt die Informationen über Vorschaubilder zurück.
+ *
+ * @return array das erste Element ist die aufsummierte Breite der
+ * Einzelbilder und das zweite Element ist ein assoziatives Array mit
+ * den Bildnamen als Keys und dem Ergebnis von getimagesize() als
+ * Werten
+ */
+function getThumbNailInfo($galleryname) {
+  $thumbsizes = array();
+  $thumbwidthsum = 2;
+  foreach (glob(realpath(GALLERYPREFIX . DIRECTORY_SEPARATOR .
+                         $galleryname) . DIRECTORY_SEPARATOR .
+                '*.jp{e,}g', GLOB_BRACE) as $filename) {
+    $basename = basename($filename);
+    $thumbfile = getScaledImage($galleryname, $basename,
+                                $GLOBALS["thumbheight"]);
+    if ($thumbsize = getimagesize(realpath(GALLERYPREFIX .
+                                           DIRECTORY_SEPARATOR .
+                                           $thumbfile))) {
+      $thumbsizes[$basename] = array($thumbfile, $thumbsize);
+      $thumbwidthsum = $thumbwidthsum + $thumbsize[0] + 3;
+    }
+  }
+  return array($thumbwidthsum, $galleryname, $thumbsizes);
+}
+
+function getGalleryLinks() {
+}
+
+function showThumbnails(&$thumbinfo) {
+  foreach ($thumbinfo[2] as $basename => $data) {
+    printf("<div class=\"thumbnail\"><img src=\"%s\" alt=\"\" \"%s\" /></div>",
+           GALLERYPREFIX . DIRECTORY_SEPARATOR . $data[0],
+           $data[1][3]);;
+  }
+}
+
+function showPreview(&$thumbinfo) {
+  foreach ($thumbinfo[2] as $basename => $data) {
+    $galleryname = $thumbinfo[1];
+    $fullname = GALLERYPREFIX . DIRECTORY_SEPARATOR . $galleryname .
+      DIRECTORY_SEPARATOR . $basename;
+    $scaledimage = getScaledImage($galleryname, $basename,
+                                  $GLOBALS["previewwidth"], false);
+    $scaledimagesize = getimagesize(realpath(GALLERYPREFIX .
+                                             DIRECTORY_SEPARATOR .
+                                             $scaledimage));
+    printf("<a href=\"%s\" class=\"lightbox\" ><img id=\"contentimg\" src=\"%s%s%s\" alt=\"%s\" %s /></a>",
+           $fullname, GALLERYPREFIX, DIRECTORY_SEPARATOR, $scaledimage,
+           getImageLabel($galleryname, $basename), $scaledimagesize[3]);
+    break;
+  }
+}
+
+function renderDescription(&$thumbinfo) {
+  foreach ($thumbinfo[2] as $basename => $data) {
+    print htmlentities(getImageLabel($thumbinfo[1], $basename));
+    break;
+  }
+}

index.php

@@ -1,118 +1,116 @@
-<?php
+<?php
-/*
+/*
- * Copyright (c) 2008 Jan Dittberner <jan@dittberner.info>
+ * Copyright (c) 2008 Jan Dittberner <jan@dittberner.info>
- * Jan Dittberner IT-Consulting & -Solutions
+ * Jan Dittberner IT-Consulting & -Solutions
- * Cottbuser Str. 1, D-01129 Dresden
+ * Cottbuser Str. 1, D-01129 Dresden
- *
+ *
- * Copyright (c) 2008 Jeremias Arnstadt <douth024@googlemail.com>
+ * Copyright (c) 2008 Jeremias Arnstadt <douth024@googlemail.com>
- *
+ *
- * This file is part of the ScrollingJQueryGallery component of the
+ * This file is part of the ScrollingJQueryGallery component of the
- * gnuviech-server.de Websitetools
+ * gnuviech-server.de Websitetools
- *
+ *
- * ScrollingJQueryGallery is free software: you can redistribute it
+ * ScrollingJQueryGallery is free software: you can redistribute it
- * and/or modify it under the terms of the GNU General Public License as
+ * and/or modify it under the terms of the GNU General Public License as
- * published by the Free Software Foundation, either version 3 of the
+ * published by the Free Software Foundation, either version 3 of the
- * License, or (at your option) any later version.
+ * License, or (at your option) any later version.
- *
+ *
- * ScrollingJQueryGallery is distributed in the hope that it will be
+ * ScrollingJQueryGallery is distributed in the hope that it will be
- * useful, but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * useful, but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
- * General Public License for more details.
+ * General Public License for more details.
- *
+ *
- * You should have received a copy of the GNU General Public License
+ * You should have received a copy of the GNU General Public License
- * along with ScrollingJQueryGallery.  If not, see
+ * along with ScrollingJQueryGallery.  If not, see
- * <http://www.gnu.org/licenses/>.
+ * <http://www.gnu.org/licenses/>.
- *
+ *
- * Version: $Id$
+ * Version: $Id$
- */
+ */
-// Pfad der Bilder für die jeweilige Kategorie
+
-$allfiles = glob("./bilder/*.jpg");
+// Name des Menüpunktes
-// Name des Menüpunktes
+$menupunkt = "Beispielbilder 1";
-$menupunkt = "Beispielbilder 1";
+
-
+// greift auf die Funktionen der ausgelagerten Datei um die Thumbnails
-// greift auf die Funktionen der ausgelagerten Datei um die Thumbnails
+// einzulesen
-// einzulesen
+include ("includes/galleryfunctions.php");
-include ("./funktionen/thumbnail.php");
+
-
+$gallery = getCurrentGallery();
-// bezieht sich auf die Hauptmenükategorie (für Anzeige von aktivem
+$thumbinfo = getThumbNailInfo($gallery);
-// Link notwendig)
+
-$kategorie = ($bilder_kat = 1);
+// bezieht sich auf die Hauptmenükategorie (für Anzeige von aktivem
-
+// Link notwendig)
-// bezieht sich auf die Submenükategorie (für Anzeige von aktivem Link
+$kategorie = ($bilder_kat = 1);
-// notwendig)
+
-$nav_auswahl = ($bilder_kat_sub = 1);
+// bezieht sich auf die Submenükategorie (für Anzeige von aktivem Link
-
+// notwendig)
-// bezieht sich auf das Auswahlmenü
+$nav_auswahl = ($bilder_kat_sub = 1);
-$aquarelle = ($menu = 14);
+
-?>
+// bezieht sich auf das Auswahlmenü
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN http://www.w3.org/TR/html4/loose.dtd">
+$aquarelle = ($menu = 14);
-<head>
+?>
-<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN http://www.w3.org/TR/html4/loose.dtd">
-<title>Bilderframework</title>
+<head>
-<link rel="stylesheet" type="text/css" href="css/main.css">
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-<style type="text/css" media="./css/main.css"></style>
+<title>Bilderframework</title>
-<link rel="stylesheet" href="./css/format.css" type="text/css" />
+<link rel="stylesheet" type="text/css" href="css/main.css">
-<link rel="stylesheet" href="./css/jquery.lightbox-0.4.css" type="text/css" />
+<style type="text/css" media="./css/main.css"></style>
-<script src="./scripts/jquery.js" type="text/javascript" ></script>
+<link rel="stylesheet" href="./css/format.css" type="text/css" />
-<script src="./scripts/jquery.lightbox.js" type="text/javascript" ></script>
+<link rel="stylesheet" href="./css/jquery.lightbox-0.4.css" type="text/css" />
-<script src="./scripts/ourhandlers.js" type="text/javascript" ></script>
+<script src="./scripts/jquery.js" type="text/javascript" ></script>
-<style type="text/css">
+<script src="./scripts/jquery.lightbox.js" type="text/javascript" ></script>
- <?php
+<script src="./scripts/ourhandlers.js" type="text/javascript" ></script>
-   printf("#scrollable { width:%dpx; }", $thumbwidthsum);
+<style type="text/css">
- ?>
+<?php
- a {
+  printf("#scrollable { width:%dpx; }", $thumbinfo[0]);
-	font-size: 9px;
+?>
-}
+ a {
-a:link {
+	font-size: 9px;
-	text-decoration: none;
+}
-}
+a:link {
-a:visited {
+	text-decoration: none;
-	text-decoration: none;
+}
-}
+a:visited {
-a:hover {
+	text-decoration: none;
-	text-decoration: none;
+}
-}
+a:hover {
-a:active {
+	text-decoration: none;
-	text-decoration: none;
+}
-}
+a:active {
-</style>
+	text-decoration: none;
-</head>
+}
-<body>
+</style>
-<!-- container -->
+</head>
-<div id="container">
+<body>
-  <div id="content">
+<!-- container -->
-    <div id="menu"><? include ("menu/menu.php"); ?></div>
+<div id="container">
-      <div id="content_container">
+  <div id="content">
-        <div id="slider">
+   <div id="menu"><? getGalleryLinks(); ?></div>
-          <div id="arrleft"><img src="css/grafiken/aro-lft.png" alt="nach links" width="10" height="65" /></div>
+   <div id="content_container">
-          <div id="imgscroller"><div id="scrollable"><?php
+     <div id="slider">
-            // zeigt die eingelesenen Thumnails an
+       <div id="arrleft"><img src="css/grafiken/aro-lft.png" alt="nach links" width="10" height="65" /></div>
-            include("./funktionen/thumbnail_show.php");
+       <div id="imgscroller"><div id="scrollable"><?php
-          ?></div></div>
+         // zeigt die eingelesenen Thumnails an
-          <div id="arrright"><img src="css/grafiken/aro-rt.png" alt="nach rechts" width="10" height="65" /></div>
+         showThumbNails($thumbinfo);
-      </div>
+       ?></div></div>
-      <div id="sub_menu"><?php
+       <div id="arrright"><img src="css/grafiken/aro-rt.png" alt="nach rechts" width="10" height="65" /></div>
-        // bindet das Submenü mit definiertem Links ein.
+     </div>
-        include("submenu.php"); 
+   </div>
-      ?></div>
+   <div id="content_sub">
-    </div>
+      <div id="content_main">
-    <div id="content_sub">
+        <div class="bildposition"><?php
-      <div id="content_main">
+          // bindet die Bilder in den Hauptbereich ein
-        <div class="bildposition"><?php
+          showPreview($thumbinfo);
-          // bindet die Bilder in den Hauptbereich ein
+        ?></div>
-          include ("./funktionen/show_pictures.php");
+      </div>
-        ?></div>
+      <div id="content_nav">
-      </div>
+        <img id="backbtn" src="css/grafiken/back.jpg" alt="back" class="back" width="10" height="10" top="0"><img id="fwdbtn" src="css/grafiken/next.jpg" alt="next" class="next" width="10" height="10" top="0">
-      <div id="content_nav">
+      </div>
-        <img id="backbtn" src="css/grafiken/back.jpg" alt="back" class="back" width="10" height="10" top="0"><img id="fwdbtn" src="css/grafiken/next.jpg" alt="next" class="next" width="10" height="10" top="0">
+      <div class="imgdescription" id="imagedescription"><?php
-      </div>
+        // liest die Bildbeschreibung für das jeweilige Bild (wenn definiert)
-      <div class="imgdescription" id="imagedescription"><?php
+        renderDescription($thumbinfo);
-        // liest die Bildbeschreibung für das jeweilige Bild (wenn definiert)
+      ?></div>
-        include ("funktionen/description.php");
+    </div>
-      ?></div>
+  </div> 
-    </div>      
+</div>            
-  </div> 
+<!-- /container -->
-</div>            
+</body>
-<!-- /container -->
-</body>
 </html>

menu/menu.php

@@ -1,48 +0,0 @@
-<?php
-/*
- * Copyright (c) 2007, 2008 Jan Dittberner <jan@dittberner.info>
- * Jan Dittberner IT-Consulting & -Solutions
- * Cottbuser Str. 1, D-01129 Dresden
- *
- * Copyright (c) 2008 Jeremias Arnstadt <douth024@googlemail.com>
- *
- * This file is part of the ScrollingJQueryGallery component of the
- * gnuviech-server.de Websitetools
- *
- * ScrollingJQueryGallery is free software: you can redistribute it
- * and/or modify it under the terms of the GNU General Public License as
- * published by the Free Software Foundation, either version 3 of the
- * License, or (at your option) any later version.
- *
- * ScrollingJQueryGallery is distributed in the hope that it will be
- * useful, but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
- * General Public License for more details.
- *
- * You should have received a copy of the GNU General Public License
- * along with ScrollingJQueryGallery.  If not, see
- * <http://www.gnu.org/licenses/>.
- *
- * Version: $Id$
- */
-/*
-$verzeichnis = realpath($_SERVER['DOCUMENT_ROOT'] . "/bild_framework/");
-echo "<ol>";
-
-if ( is_dir ($verzeichnis ))
-{
-if ( $handle = opendir ($verzeichnis))
-	{ while (($file = readdir($handle)) !== false)
-    {
-    echo "<li>Dateiname:";
-    echo $file;
-    
-    echo "<ul><li>Dateityp: ";
-    echo filetype ( $file );
-    echo "</li></ul>\n";
-    }
-    closedor($handle);
-    }
-    }
-    echo "</ol>";
-*/

scripts/ourhandlers.js

@@ -24,48 +24,49 @@
 *
 * Version: $Id$
 */
-var imgprefix = "";
+var imgprefix = "bilder";
-var imgfull = "";
-var imgthumb = "";
 
 function getPathParts(imagesrc) {
     var filename = imagesrc.substring(imagesrc.lastIndexOf("/") + 1);
-    var pathstart =imagesrc.substring(0, imagesrc.lastIndexOf("/") + 1);
+    var pathstart = imagesrc.substring(0, imagesrc.lastIndexOf("/"));
-    if (pathstart.indexOf(imgfull) ==
+    // run through directories until imgprefix is found
-        (pathstart.length - imgfull.length)) {
+    var dirstack = new Array();
-        pathstart = pathstart.substring(0, pathstart.length - imgfull.length);
+    var current = pathstart.substring(pathstart.lastIndexOf("/") + 1);
-    } else if (pathstart.indexOf(imgthumb) ==
+    while (current != imgprefix) {
-               (pathstart.length - imgthumb.length)) {
+        dirstack.push(current);
-        pathstart = pathstart.substring(0, pathstart.length - imgthumb.length);
+        pathstart = pathstart.substring(0, pathstart.lastIndexOf("/"));
+        current = pathstart.substring(pathstart.lastIndexOf("/") + 1);
     }
-    var dirname = pathstart.split(imgprefix)[1];
+    var galleryname = dirstack.pop();
-    var basename = dirname + filename
+    var dirname = null;
-    var retval = {
+    if (dirstack.length > 0) {
+        dirname = dirstack.pop();
+    }
+    return {
         'filename'  : filename,
-        'pathstart' : pathstart,
         'dirname'   : dirname,
-        'basename'  : basename
+        'gallery'   : galleryname,
+        'pathstart' : pathstart
     };
-    return retval;
 }
 
 function updateContentImage(pathParts) {
-    var content_main = $("#content_main img").attr("src",
+    $.getJSON("ajaxrequest.php", {
-        pathParts.pathstart + pathParts.filename);
+        "imagename"   : pathParts.filename,
-    $("#content_main a").attr("href", pathParts.pathstart +
+        "galleryname" : pathParts.gallery
-                              imgfull + pathParts.filename);
+    }, function(data, textStatus) {
-    $.getJSON("fetchdescription.php",
+        $("#imagedescription").text(data["data"]);
-              {"imagename" : pathParts.basename},
+        $("#content_main img").attr("alt", data["data"]);
-              function(data, textStatus) {
+        $("#content_main img").attr("src", data["preview"]);
-                  $("#imagedescription").text(data["data"]);
+        $("#content_main a").attr("href", data["full"]);
-              });
+    });
 }
 
 $(document).ready(function() {
     $("#arrleft").mouseover(function() {
         $("#scrollable").animate({
             left: "0px"
-        }, 5000);
+        }, 500);
     }).mouseout(function() {
         $("#scrollable").stop();
     });
@@ -74,35 +75,47 @@ $(document).ready(function() {
             parseInt($("#scrollable").css("width"));
         $("#scrollable").animate({
             left: offset + "px"
-        }, 18000);
+        }, 500);
     }).mouseout(function() {
         $("#scrollable").stop();
     });
     $("#backbtn").click(function() {
-        var parts = getPathParts($("img#contentimg").attr("src"));
+        $("div.thumbnail img").each(function(i) {
-        var pred = null;
+            var curparts = getPathParts($("img#contentimg").attr("src"));
-        $("div.thumbnail img").each(function() {
+            var myparts = getPathParts($(this).attr("src"));
-            if (pred == null) {
+            if ((curparts.gallery == myparts.gallery) &&
-                pred = getPathParts(this.src);
+                (curparts.filename == myparts.filename)) {
-            } else {
+                var matched = $("div.thumbnail img");
-                var thumbparts = getPathParts(this.src);
+                var prevparts;
-                if (thumbparts.basename == parts.basename) {
+                if (i > 0) {
-                    updateContentImage(pred);
+                    prevparts = getPathParts(
+                        $(matched.get(i-1)).attr("src"));
+                } else {
+                    prevparts = getPathParts(
+                        $(matched.get(matched.length-1)).attr("src"));
                 }
-                pred = thumbparts;
+                updateContentImage(prevparts);
+                return false;
             }
         });
     });
     $("#fwdbtn").click(function() {
-        var parts = getPathParts($("img#contentimg").attr("src"));
+        $("div.thumbnail img").each(function(i) {
-        var pred = null;
+            var curparts = getPathParts($("img#contentimg").attr("src"));
-        $("div.thumbnail img").each(function() {
+            var myparts = getPathParts($(this).attr("src"));
-            var thumbparts = getPathParts(this.src);
+            if ((curparts.gallery == myparts.gallery) &&
-            if (thumbparts.basename == parts.basename) {
+                (curparts.filename == myparts.filename)) {
-                pred = thumbparts;
+                var matched = $("div.thumbnail img");
-            } else if (pred != null) {
+                var nextparts;
-                updateContentImage(thumbparts);
+                if (i < matched.length-1) {
-                pred = null;
+                    nextparts = getPathParts(
+                        $(matched.get(i+1)).attr("src"));
+                } else {
+                    nextparts = getPathParts(
+                        $(matched.get(0)).attr("src"));
+                }
+                updateContentImage(nextparts);
+                return false;
             }
         });
     });

submenu.php

@@ -1,27 +0,0 @@
-<?php
-/*
- * Copyright (c) 2008 Jan Dittberner <jan@dittberner.info>
- * Jan Dittberner IT-Consulting & -Solutions
- * Cottbuser Str. 1, D-01129 Dresden
- *
- * Copyright (c) 2008 Jeremias Arnstadt <douth024@googlemail.com>
- *
- * This file is part of the ScrollingJQueryGallery component of the
- * gnuviech-server.de Websitetools
- *
- * ScrollingJQueryGallery is free software: you can redistribute it
- * and/or modify it under the terms of the GNU General Public License as
- * published by the Free Software Foundation, either version 3 of the
- * License, or (at your option) any later version.
- *
- * ScrollingJQueryGallery is distributed in the hope that it will be
- * useful, but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
- * General Public License for more details.
- *
- * You should have received a copy of the GNU General Public License
- * along with ScrollingJQueryGallery.  If not, see
- * <http://www.gnu.org/licenses/>.
- *
- * Version: $Id$
- */