[Tutorial] Einfaches Galerie Script mit Thumbnail Funktion (ohne MySQL)

[phpBuddy]

Das Script im Anhang ist die experimental Version des Admin Panels, deswegen geschieht Benutzung auf eigene Gefahr!


Auf vielfachen Wunsch, per Email und in verschiedenen Foren, habe ich mal ein kleines Admin Panel geschrieben, mit dem man Bilder hochladen, Bilder in Galerien hinzufügen, neue Galerien erstellen, Bilder & Galerien löschen kann.
Das Script ist, wie schon fast üblich bei meinen Scripts, sehr schlicht gehalten und sollte deswegen auch intuitiv zu benutzen sein. Selbstverständlich kann man das Admin Panel mit einer bestehenden Galerie benutzen, sofern man dem Ordner "galerien" (sowie allen Unterordnern und Dateien) Schreibrechte (chmod 777) erteilt.
Der "admin" Ordner muss, ebenso wie der "galerien" Ordner, in's Stammverzeichnis der Webseite. Der "admin" Ordner gehört also nicht in den "galerien" Ordner, sondern in die gleiche Ebene!


Zum Admin Panel selbst:
Im Verzeichnis "include" befindet sich eine Datei "config.php" in der ein Admin Passwort gesetzt werden muss. Dieses Passwort wird für alle Operationen benötigt.
Auf der Admin Seite selbst landet man beim Upload, wenn man die Seite aufruft. Dort kann man eine neue Galerie erstellen (und gleichzeitig Bilder hinzufügen) oder man fügt Bilder zu einer bestehenden Galerie hinzu. Dazu muss man den Galeriename aus dem Select wählen. Mit dem grünen Plus kann man weitere Uploadfelder hinzufügen, mit dem roten X entfernt man das jeweils letzte Uploadfeld wieder.
Hinter dem Link "Galerie bearbeiten" befinden sich 2 Formulare. Im oberen kann man einzelne Bilder einer Galerie löschen (Checkboxen markieren zum löschen), während man im unteren eine komplette Galerie löschen kann.


Das Script ist noch im Beta Stadium, deswegen geschieht Benutzung auf eigene Gefahr!
Da das Script Javascript, bzw. Ajax einsetzt, muß Javascript aktiviert sein!

Wer Fehler finden sollte bitte umgehend eine PN schicken, damit ich diese schnellstmöglich untersuchen kann.


Viel Spaß mit dem Script!


p.s.: In der Zip-Datei befindet sich das komplette Script inklusive Admin Panel, das sich im Ordner "admin" befindet. Wer schon eine Galerie betreibt, braucht also nur den "admin" Ordner und nicht alle Dateien!

[phpBuddy]

Wenige Downloads, kein Feedback, also gehe ich mal davon aus, dass das mini Admin Panel nicht sonderlich interessiert oder benötigt wird. Das ist zwar ein bisschen schade, aber so kann ich dann ja die Zeit für was anderes nutzen.

[Guin]

Moin,
mittlerweile benutzen die meisten vieleicht Picasa oder Flickr.
Fuer einen kleinen Vortrag muss ich beide Dienste miteinander vergleichen. Von daher wuerde mich persoenlich eher die API Geschichte interessieren (wurde im "wuensch dir was" Thread, glaube ich, auch angesprochen).

Ausserdem ist jeden Tag 1 Download doch gut und zum Angucken musst du den Leuten schon Zeit geben

aber so kann ich dann ja die Zeit für was anderes nutzen.

Bisher ist ja immer was Gutes bei rum gekommen. Hab mir letztens dein mysqli Tutorial angeschaut

[zulujaner]

Hallo Rizzo,

deine Scripts, oder der Platz wo sie liegen ist fest in mein Hirn eingebrannt.

Da die Scripts immer perfekt sind, bist du mir einige meiner grauen Zellen wert..

Aber die liebe Zeit lässt es nicht zu, immer an was neuem zu basteln.
Da ich arbeits technisch viel mit Webdesign interessierten Leuten in Kontakt komme, empfehle ich deine Webseite natürlich oft. Erstens schick anzusehen und voll gefüllt mit prima Tutorials.

Also umsonst sind deine Werke nicht!

Deshalb... mach weiter so.

Übrigens. Zählt der DL Zähler die Klicks pro User oder pro IP?
Ich habs jetzt mehrmals runtergeladen und bei mir steht noch immer 7x.

Außerdem werden wahrscheinlich die, die mit der rechten Maustaste laden auch nicht gezählt?

[phpBuddy]

Moin,

danke für Eure Antworten.
Wundert mich nur etwas, speziell bei der Galerie, weil die auf meiner Seite mehrere Hundert mal heruntergeladen wurde und ich im Laufe der Zeit einige Dutzend Email-Anfragen, sowie auch Thread Anfragen in verschiedenen Foren hatte, die nach einer einfachen Möglichkeit fragten, Bilder hinzuzufügen und Thumbs automatisch erstellen zu lassen. Jetzt existiert die Möglichkeit und die "Schreihälse" interessiert es nicht mehr.

Von Zeitaufwand beim testen zu sprechen ist auch übertrieben, da ich meine Scripts ja so anlege, dass sie wirklich von Leuten im Alter von 9 bis 99 benutzt werden können, ohne sich verbiegen zu müssen. So auch hier, "galerien" Ordner und Inhalte auf 777 setzen, Passwort in der Config ändern, Admin Panel hochladen, fertig. Naja, Feedback wird schon irgendwann kommen und wenn nicht, auch nicht schlimm.

Es war auch nicht meine Absicht hier irgend jemand zu nötigen es zu testen. Ich fand es nur seltsam, dass Leute das Tutorial ohnehin falsch verstanden haben und es entgegen meines ausdrücklichen Hinweises 1:1 im produktiven Einsatz betreiben, dann rumjammerten das man nicht einfach klick klick Bilder hinzufügen und neue Galerien anlegen kann und kaum ist es möglich, melden sich die Leute nicht mehr.


@ Guin
Das mit den APIs und anderen Themen a la SOAP ist schön und gut und sicher auch interessant, allerdings passt das inhaltlich nicht zu meiner Seite, da es viel zu schwere Kost für meine Klientel ist. (Siehe Login Tutorial. Da gibt's Leute die wissen nicht wie man $a mit $b vergleicht, aber dann ein komplexes Loginsystem mit der Profi-Variante erstellen wollen. Folge: nix kapiert und meine Mailbox mit Hilfegesuche bombardieren, wobei dann noch Hilfe gestellt werden muss, damit die Hilfe verstanden wird. ) Ich würde also viel Zeit und Arbeit da rein investieren, damit es am Ende dann eine handvoll Leute lesen - und dafür habe ich leider keine Zeit.

Deswegen lieber was Leichtes für zwischendurch. Das beansprucht weniger Zeit und hat weniger Hilfegesuche per Mail und PNs zur Folge.

[mrluco]

Hallo, vorweg erst ein mal, absolut perfektes Script.

Aber ich habe ein Problem.

Es mit Worten zu beschreiben ist sonderlich schwer.
Habs selber entdeckt somit erledigt.

Danke.

[Salim]

Hallo Rizzo!

Erstmal muss ich sagen, dass ich es ganz toll finde, wie sehr du dich engagierst. Schon an deinem Tutorial merkt man, dass du dir sehr viele Gedanken darüber machst, was man alles falsch verstehen könnte, wenn man so gar keine Ahnung hat

Ich lese gerade "Webseiten Dynamisch Programmieren" von Michael Seeboerger Weichsel-Baum. Dieses Buch und dein Tutorial werden wohl nun endgültig mal das Sprungbrett für mich in die PHP-Welt darstellen. (Habe schon oft Anlauf genommen, bin aber nie zum Absprung gekommen...)

Die Galerie ist für die Website meines Vaters gedacht, der mit möglich wenig Aufwand und Know-How seine Fotos selbst hochladen und verwalten können soll. Umso mehr freue ich mich, dass du auch ein Admin-Panel vorgefertigt hast. (Welches ich allerdings noch nicht ausgetestet habe )

Nun habe ich aber auch ein/zwei Fragen. Und zwar habe ich Probleme mit den Links zu den einzelnen Thumbnail-Galerien. Das liegt wohl daran, dass bereits bei meinen normalen Links eine Variable mitgesendet wird. (zB start.php?galerie um überhaupt die Galerie zu öffnen) Die URL bei klick auf einen Galerielink würde dann also zB start.php?galerie?fotogruppe1 heißen und das scheint nicht zu funktionieren. (Erscheint mir auch logisch) Leider konnte ich im Internet nichts dazu finden ob oder wie man zwei Werte übermitteln kann.

Meine zweite Idee war außerdem, eventuell direkt auf die Links zu verzichten und die Ordner "einfach" nacheinander auszulesen mit einem entsprechenden Trenner bzw der entsprechenden Überschrift. Bestimmt gibt es dafür doch auch eine Funktion (also für das simple auslesen), wenn man das Ganze erstmal "geglobt" hat ^^.

Wie du siehst reihe auch ich mich in die Liste der blutigen Anfänger mit großen Wünschen und Null Ahnung Wenn etwas so einfach nicht geht, werde ich mir eben etwas anders einfallen lassen müssen. Ich erwarte und möchte nicht, dass jemand mir einfach das ganze Skript umschreibt *klarstell*, dazu ist es ja nicht gedacht. Über jeden Tipp und Hinweis freue ich mich aber sehr (=

Gruß
.Salim

[phpBuddy]

Hallo Salim,

danke für das Lob und es freut mich, dass dir das Tutorial gefällt.
Das was Du suchst ist die Übergabe von Parametern via GET. Schau dir mal dieses Tutorial an, das sollte eigentlich alle Fragen beantworten.

Solltes Du erst mit PHP anfangen, dann ist das verlinkte Tutorial, von Anfang bis Ende, genau das Richtige für dich. Es ist meiner Meinung nach das beste Tutorial, dass man als Anfänger im Internet finden kann.

[Salim]

Ah.. d.h. ich muss meine Links wohl eifnach nur etwas umdefinieren. Zum Beispiel

[...]start.php?seite=galerie?galeriesektion=natur

statt nur galerie und dann kann ich eben über die unetrschiedlichen "Gets" die verschiedenen Sachen auslesen, ja?
Also $_GET['seite'] für die Seite und $_GET['galeriesektion'] für die Galerie(?) ^^.

*werde es gleich mal ausprobieren*

[phpBuddy]

Es kommen nicht mehrere ? in der URL vor, sondern immer nur eins, direkt nach dem Dateiname. Mehrere Parameter werden mit einem & verknüpft.
start.php?seite=galerie&galeriesektion=natur

[santhiphap]

hi erstmal is das script klasse und einfach verständlich. Nach langem rumprobieren klappt das mit den Thumbnails nun auch bei mir.

Ich habe aber ein anderes Problem. Kann mir einer sagen warum die Bilder hier nicht anklickbar sind?

http://marvin-gerdes.de/galeriescrip...p?galerie=eins

[EDIT]
Das mit dem anklicken funktioniert jetzt.
Nur das die Slimbox nicht geöffnet wird sondern das Bild auf der ganzen Seite einfadet.

So sieht meine index.php datei aus.
Hab ich da was falsch zusammengesetzt?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de" >
<head>
<title>PHP und Slimbox Galerie</title>

<link rel="stylesheet" href="css/slimbox.css" type="text/css" media="screen,projection" />
<style type="text/css">
* { margin: 0; padding: 0; }
#nav { float: left; width: 180px; }
#preview { float: left; }
ul { margin: 25px; }
li a { color: #0000FF; text-decoration: none; }
li a:hover { color: #FF0000; text-decoration: underline; }
a.thumb img { filter:alpha(opacity=50); -moz-opacity: 0.50; opacity: 0.50; border: solid 2px #FFFFFF; }
a.thumb:hover img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; border: solid 2px #FF0000; }
</style>

<script type="text/javascript" src="js/mootools.js"></script>
<script type="text/javascript" src="js/slimbox.js"></script>

</head>

<body>
<?php
$verzeichnisse = glob( "galerien/*", GLOB_ONLYDIR );
echo '<div id="nav"><ul>';
foreach ($verzeichnisse as $dir)
{
$dirname = array_pop( explode( "/", $dir ) );
echo '<li><a href="' .$_SERVER['PHP_SELF']. '?galerie=' .$dirname. '">' .$dirname. '</a></li>';
}
echo '</ul></div>';

if (isset( $_GET['galerie'] ) )
{
echo '<div id="preview">';
$break = 1;
$bilder = glob( "galerien/{$_GET['galerie']}/thumbs/*.jpg" );
natsort( $bilder );
foreach ($bilder as $bild)
{
$bild = array_pop( explode( "/", $bild ) );
echo '<a href="galerien/' .$_GET['galerie']. '/images/' .urlencode( $bild ). '" rel="lightbox[demoscript]" title="&lt;a href=\'download.php?get=galerien/' .$_GET['galerie']. '/images/' .urlencode( $bild ). '\'&gt;Bild herunterladen&lt;/a&gt;" class="thumb"><img src="galerien/' .$_GET['galerie']. '/thumbs/' .$bild. '" /></a>';
echo ($break % 3 == 0) ? "<br />\n" : "";
$break++;
}
echo '</div>';
}
?>
</body>
</html>

[santhiphap]

soo hab es nun allein geschafft.
lag an der slimbox und mootools js, die hab ich mir jetzt mal aus deiner demo gallerie genommen und siehe da.!
najut nochmal danke für die nette gallerie

[Salim]

Es kommen nicht mehrere ? in der URL vor, sondern immer nur eins, direkt nach dem Dateiname. Mehrere Parameter werden mit einem & verknüpft.
start.php?seite=galerie&galeriesektion=natur

Danke. Das war mir dann auch a7ufgefallen. Nun funktioniert so weit alles, nur noch das AP austesten (=

[Salim]

Hallo Rizzo.

Du hattest weiter oben mal um Feedback bzgl des Ap gebeten und daher möchte ich das an dieser Stelle tun. Alles in Allem ist das Ganze erstmal gelungen, dennoch gibt es hier und da ein paar Verbesserungsmöglichkeiten. (: Das größte Manko ist, dass das Script ziemlich lange braucht, aber ich denke daran lässt sich nichts ändern.

Schön wäre es aber, wenn PHP bei nicht vorhandenem Passwortz nicht nurn nichts tut, sondern auch eine Fehlermeldung ausgiebt.

Die Funktion zum Löschen einer kompletten Galerie funktioniert bei mir allerdings gar nicht. Nun bin ich mir nicht siocher, ob ich irgendetwas falsch gemacht haben könnte. Ich lande nach Absenden nur auf eienr weißen Seite mit dem URL-Teil "index.php?seite=galerie_bearbeiten"

Gerade was das PW angeht, werde ich mich selbst mal daran versuchen, aber vielleicht möchtest du es ja dennoch allgemein ändern (=

Gruß
Salim

[santhiphap]

hey,
ich hab das admin panel auch mal ausprobiert bis jetzt funktioniert es klasse.
Ich wollte hiermit nur noch mal ausdrücken das ich durchaus an einer weiterentwicklung interessiert wäre und die von salim angesprochenen feinheiten verbessert werden.
ps: mir gefällt auch das schlichte design sehr gut!