Drupal 6 - Einfache Bildergalerie mit Image und Lightbox2
Immer wieder liest man im Forum, dass die Bilderverwaltung in Drupal relativ schlecht bzw. äußerst mühsam zu realisieren ist.
Das war bisher auch mein eigener Eindruck, auch wenn es diverse Anleitungen und Modulansätze gibt.
Da ich auch schon mit D6 experimentiere, bin ich auf folgende m.E. einfache Variante gestossen, die allerdings auch ein paar Tücken und natürlich auch noch Unzulänglichkeiten hat.
Ich möchte sie trotzdem mal vorstellen.
Sollte was falsch sein, berichtigt mich bitte.
Nur die beiden folgenden Module werden benötigt, um ein ansprechendes Ergebnis zu erhalten:
image-6.-1.x-dev
lightbox2-6.x-1.8
Nach dem Entpacken und Hochladen per ftp sind die Modulteile zu aktivieren/installieren.
Folgende Veränderungen werden druchgeführt:
Verwalten/Einstellungen
- Images
- Lightbox 2
werden hinzugefügt
Verwalten/Inhaltsverwaltung
- Bildergalerien
- Bildimport
werden hinzugefügt
sonstiges
- Ein neuer Inhaltstyp "Bild" wurde erstellt
- Ein neuer Menüpunkt unter "Inhalt erstellen": "Bild" wurde erstellt
- In der Taxonomy wurde ein neues Vokabular "Bildergalerien" zum Inhaltstyp "Bild" erstellt
- Es gibt neue Ordner im Dateisystem unter sites/default/files, nämlich images und images/temp (CHMOD = 775)
Unter Eintellungen/Images gibt es nun 4 Reiter
1. Files and sizes
Standardverzeichnis für Bilder
Das Verzeichnis, in das alle mit dem Image-Modul erzeugten Bilder gespeichert werden.
Voreingestellt ist wie gesagt "images" ( mit "s" am Ende, wichtig)
Will man die Bilder nicht alle im selben Verzeichnis gespeichert haben (z.B. für jede Galerie/Album eine eigenes Verzeichnis), muss man zunächst mit dem ftp-Programm ein neues (Unter)-Verzeichnis erstellen.
Ich habe vorsichtshalber dem Muster entsprechend gleich darunter ein weiteres temp-Verzeichnis erstellt (beide wieder CHMOD = 775)
Anschließend unter Files und Sizes den Pfad von images auf images/neuesVerzeichnis ändern
Dann erst die neuen Bilder hinzufügen.
So muss man für jede neue Galerie/Album verfahren, wenn man seine Bilder halbwegs geordnet verwalten will.
Ich würde mir wünschen, dass das neue Verzeichnis gleich beim Anlegen einer neuen Galerie erstellt wird.
Nachdem die Galerie fertig ist, sollte man das Verzeichnis wieder auf images zurückstellen.
Ich habe mir jedenfalls vorgenommen, in dieses Verzeichnis nur Bilder zu speichern, die keiner Bildergalerie zugeordnet sind (Anhangdateien für Nodes).
maximale Dateigröße
Die Dateigröße darf bei mir, wohl bedingt durch eine php-Beschränkung, nicht größer als 2000KB sein.
Das gilt sowohl für mit "Inhalt erstellen/Bild" hochgeladene Bilder als auch für die per ftp ins import-Verzeichnis hochgeladenen Bilder
(hier wohl auch deshalb, weil php für die Dateigrößenumwandlung genutzt wird).
Wird die Dateigröße überschritten kommt es zu Fehlermeldungen.
Bildgrößen Miniaturansicht / Vorschau / Original
mit Bezeichnung, Operation (scale oder scale and crop) Breite, Höhe, Fenster
Drei Größen sind vorgegeben, wobei für das Originalbild keine Größenvorgaben gemacht werden, aber auch das kann man einstellen.
Für jede vom Original abweichende Größe wird eine neue Datei mit entsprechender Namensänderung erzeugt
Diese verbrauchen natürlich auch wieder Speicherplatz
Wenn man für verschiedene Bilder/Galerien verschiedene Größen haben will, muss man diese vor dem Hochladen der Bilder ändern und ggf. anschließend wieder zurücksetzen.
2. Bildanhang
"aktiviert" oder "nicht aktiviert" stehen zur Auswahl
Wählt man aktiviert (ist voreingestellt), hat man bei jedem Inhaltstyp (in den Einstellungen ganz unten) getrennt die Möglichkeit, das Hochladen eines Bildes als Anhang zu ermöglichen. Zusätzlich kann man die Bildgröße im Teaser und Volltext und die Gewichtung zur Positionierung einstellen.
Das Bild wird in den entsprechenden Node eingefügt. Eine genaue Positionierung ist jedoch nicht möglich (immer rechts).
3. Bildergalerie
Anzahl pro Seite (Übersicht), mit Autorinfo, Sortierung
Ist die Anzahl der Bilder höher, wird in der Galerieübersicht ein Pager eingefügt und die Bilder auf mehrere Seiten verteilt.
4. Bildimport
Importverzeichnis für Bilderimport per ftp (muss selbst angelegt werden).
Ich habe es als Unterverzeichnis des images-Verzeichnisses angelegt.
Unter Eintellungen/Lightbox 2 gibt es ebenfalls 4 Reiter
Auch hier gilt, dass die Einstellungen für alle Bilder gleichermaßen wirksam sind
Besser wäre natürlich, wenn man die Einstellungen je Album machen könnte.
1. Allgemein
Hier geht es um Layouteinstellungen
Ich habe
- Alternatives Layout angehakt, damit die Navigationselemente nicht über dem Bild liegen
- die Bild und Seitenzähler eingedeutscht
- und Zoom rein/raus deaktiviert, damit keine Übergrößen dargestellt werden.
2. Slideshow
Hier wird das Verhalten, wie Geschwindigkeit usw. gesteuert
3. HTML
Hier kann man das Layout des IFrame für die Darstellung von HTML-Seiten beeinflussen
4. Automatische Bildbehandlung
Hier kann man den Text des Links zum Bild-Node festlegen und bestimmen, wie dieser Node angezeigt wird.
Wichtig sind die Eintragungen Automatische Behandlung/Bildbeitrag-Einstellungen !!
Automatik:
-deaktiviert: es passiert nichts
-Lightbox: nur das einzelne Bild wird in der aufgehenden Lightbox dargestellt
-Lightbox gruppiert: alle zur Gruppe gehörenden Bilder werden mit vor/zurück dargestellt
aber Achtung: Gruppe ist nicht die gesamte Bildergalerie, sondern nur die auf der aktuellen angezeigten Seite befindlichen Bilder
- Slideshow
die Bilder der Gruppe werden nacheinander automatisch angezeigt
Lightbox Bildgröße:
in dieser Größe erfolgt die Darstellung in der aufgehenden Lightbox
Bildauslöser-Format:
nur bei einem Klick auf Bilder mit diesem Format (Größe) wird das Aufgehen der Lightbox ausgelöst
zusätzlich
Soll die Übersichtsseite, in der alle Bildergalerien in das Menü eingebunden werden (z.B. primary), muss ein neuer Menüpunkte erstellt werden und als Pfad image (also ohne s am Ende) angegeben werden.
Soll eine Übersichtsseite einer einzelnen Galerie (Album) ohne Verwendung der Galerieübersichtsseite eingebunden werden, muss ein neuer Menüpunkt erstellt werden und als Pfad image/tid/nr (nr muss natürlich durch die entsprechende Zahl ersetzt werden - ggf. über Inhalt durch drüberfahren mit der Maus in der Statusleiste ersichtlich
Praxis
1. praktische Anwendung
Ziel soll die Erstellungen einer Bildergalerie bestehend aus zwei Alben sein.
Darin sind jeweils 8 Bilder, Album 1 hat nur quadratische Symbole, Album 2 Bilder im klassischen 3:2-Format
1. per ftp in das Verzeichnis sites/default/files/images wechseln
und das Verzeichnis album1, sowie darunter das Verzeichnis temp erstellen (beide CHMOD=775)
2. per ftp in das Verzeichnis sites/default/files/images wechseln
und das Verzeichnis album2, sowie darunter das Verzeichnis temp erstellen (beide CHMOD=775)
3. unter Einstellungen/Images/Files and Sizes das Verzeichnis auf images/album1 ändern und die Bildgrößen einstellen
4. unter Verwalten/Inhaltsverwaltung/Bildergalerien eine neue Bildergalerie "Album1" erstellen
5. unter Inhalt erstellen/Bild Bilder hinzufügen (geht immer nur ein Bild je Node); wird kein Titel vergeben, wird der Dateiname benutzt.
dabei muss man natürlich als Bildergalerie immer Album1 wählen
6. unter Einstellungen/Images/Files and Sizes das Verzeichnis auf images/album2 ändern und die Bildgrößen einstellen
7. unter Verwalten/Inhaltsverwaltung/Bildergalerien eine neue Bildergalerie "Album2" erstellen
8. unter Inhalt erstellen/Bild Bilder hinzufügen (geht immer nur ein Bild je Node); wird kein Titel vergeben, wird der Dateiname benutzt.
dabei muss man natürlich immer Album2 zuordnen
9. ggf. die Menüpunkte erstellen
10. ggf. unter Einstellungen/Images/Files and Sizes das Verzeichnis und die Größen zurückstellen
Alle übrigen Einstellungen gelten immer für alle Galerien/Alben
Es ist also z.B. nicht möglich Album1 als Gruppe und Album2 als Slideshow zu präsentieren.
2. praktische Anwendung
In einem 3. Album sollen 30 Bilder enthalten sein (Es wäre jetzt mühsam alle einzeln anzulegen)
1. Verzeichnisse erstellen und Einrichtung wie in der 1. Anwendung
2. Ein zusätzliches Verzeichnis import als Unterverzeichnis zu images erstellen
3. In dieses Verzeichnis die Bilder per ftp hochladen (Dateigröße beachten und ggf. vorher schlüssige Dateinamen verwenden)
4. Unter Verwalten/Inhaltsverwaltung/Bildimport anklicken
Es erscheint eine Liste mit den importierten Bildern. Album3 auswählen. Den Bildertitel kann man ändern (Vorgabe Dateiname) und noch einen Text eingeben
Nach der Bestätigung werden für alle Bilder jeweils ein Node angegelegt.
5. ggf. unter Einstellungen/Images/Files and Sizes das Verzeichnis und die Größen zurückstellen
3. praktische Anwendung
Es soll die Möglichkeit geschaffen werden, dass an Artikel-Nodes ein Bild angehängt werden kann
1. Das Verzeichnis und die Bildgrößen einstellen
2. Unter Verwalten/Inhaltsverwaltung/Inhaltstypen unter Einstellungen für Bildanhang "aktiviert" anklicken und die Bildgrößen
für den Teaser und die Vollansicht einstellen
3. Einen neuen Artikel erstellen, dabei unter "angehängte Bilder" entweder ein Bild hochladen oder ein bereits vorhandenes Bild auswählen
(es gibt eine Liste mit den Bildertiteln - leider keine Vorschau) und speichern
Fazit
Insgesamt schon eine ganz ordentliche Lösung, auch wenn noch eine ganze Menge Handarbeit nötig ist.
Eine Sache ist mir noch aufgefallen: mit steigender Bilderzahl geht die Performance der Seite in die Knie.
Meine Testseite auf strato machte schon nach ca. 30 Bildern schlapp und ständig kam der berüchtigte Fehler 500, d.h.
entweder wurde das Zeitlimit für php-Scripte überschritten oder das memory-Limit wurde erreicht.
Ob nun das Image- ,das Lightbox-Modul oder die Kombination Verursacher ist, kann ich nicht sagen.
Auch die Übersetzung ist bei beiden Modulen teilweise schlecht oder unvollständig.
Es müsste insgesamt mehr automatisch gehen.
Unterschiedliche Einstellungen für die verschiedenen Alben müssten möglich sein (image und lightbox).
Auf den Bildanhang werde ich verzichten; nur ein Bild je Node und ohne genaue Positionierung sind mangelhaft,
da gibt es schon bessere Module, z.B. IMCE mit IMCEImage (Hier wird unter sites/default/files übrigens ein Verzeichnis image (ohne s am Ende) angelegt)
Zumindest das Image-Modul ist noch eine dev-Version.
Ich werde die Entwicklung weiter beobachten und dann hier berichten.
Alternativen:
Fast Gallery (scheint aber nur für ein Album zu funktionieren)
Thickbox statt Lightbox
FileField und Filefield Image mit Views (ohne Lightbox oder Thickbox)
IMCE und IMCEImage mit Views (ohne Lightbox oder Thickbox)
- Anmelden oder Registrieren um Kommentare zu schreiben
Bildergalerie
am 11.09.2008 - 09:19 Uhr
Hallo Micha1111, es scheint doch etwas kompliziert zu sein, mit den Bildergalerien in Drupal! Wobei dein Artikel sehr verständlich geschrieben ist.
Ich möchte folgendes darstellen.
- Eine Seite Bildergalerie .../nodes/x
- Nach Aufruf dieser Seite soll der User die Möglichkeit haben zu wählen, z.B. Bitte wählen Sie aus:
Album 1 (als Link, entwder Text oder auch ein Bild)
Album 2
Album 3 usw.
- wenn der user z.B. Album 2 anklickt, gelangt er zur Bildergalerie Album 2.
Kannst du mir bei der Umsetzung helfen? DANKE
Freundliche Grüße
Siegfried Schröter
wie ich unter "zusätzlich"
am 11.09.2008 - 19:45 Uhr
wie ich unter "zusätzlich" beschrieben habe, musst Du einen neuen Menüpunkt zu Deinem Menü hinzufügen, den Du im Titel zum Beispiel "Galerien" nennen kannst.
Im Feld URL gibts Du nur
image
ein.
Klickst Du dann auf diesen Menüpunkt wird eine Seite mit allen vorhandenen Galerien/Alben angezeigt.
Von dieser Seite gelangst Du dann auf die Übersichtsseite der einezelnen Galerie, was auch direkt geht, wenn Du
im Feld URL
image/tid/nr (Nummer durch Zahl ersetzen)
eingibst
Ein Aufruf über nodes/nr geht nicht, weil damit nur einzelne Bildernodes aufgerufen werden können.
Re: Bildergalerien
am 12.09.2008 - 15:22 Uhr
Klappt, besten Dank :-)
Fehler in Images keine 4 Reiter
am 12.11.2008 - 10:35 Uhr
Hallo Micha1111!
Das ist eine super Anleitung! Doch leider habe ich bereits nach der Aktivierung der Module Image (attach, gallery, import) Probleme. In der Verwaltung/Einstellung/Images bekomme ich keine 4 Reiter. Ich habe nur den Bereich für "Image file settings" und "Bildgrößen". Ich habe mittlerweile die Module mehrfach aktiviert, deinstalliert, gelöscht, die Archiv-Files neu downgeloaded, entpackt, neu auf den Server kopiert und wieder aktiviert. Immer mit dem gleichen Erfolg oder besser Misserfolg. Bit mit meinem Latein am Ende und für jeden Hinweis dankbar.
Das Problem ist nie bei mir
am 12.11.2008 - 17:05 Uhr
Das Problem ist nie bei mir aufgetaucht.
Leider kann ich Dir so nicht helfen, scheint aber so, als ob die Zusatzmodule attach, gallery und import nicht richtig installiert sind.
Hier ein paar spontane Ideen zur Problemlösung
Wie sieht denn die Verzeichnisstruktur nach dem lokalen entpacken des Archivs aus ?
In welches Verzeichnis hast Du den ftp-upload durchgeführt ?
Dabei die Struktur beibehalten ?
Werden alle unter Module und Update-Status angezeigt ?
Welche Versionen verwendest Du (Drupal und Image) ?
Schon mal versucht update.php auszuführen ?
Schon mal den Cache geleert ?
Ggf. nochmals einzeln aktivieren
Sind denn sonst alle beschriebenen Elemente vorhanden ?
Bist Du als admin/user1 eingeloggt ?
Ggf. mal die Berechtigungen in der Benutzerverwaltung überprüfen.
Noch andere Image/Galerie-Module installiert, die eventuell kollidieren ?
Funktionieren die Tabs denn sonst in Deinem verwendeten Theme ?
Ist unter drupal.org Issues schon ähnliches gemeldet worden ?
Viel Glück
Problem gelöst
am 13.11.2008 - 09:42 Uhr
Erst einmal vielen Dank für die schnelle Antwort und die vielen Ideen!
Das Problem hat sich gerade gelöst. Die Reiter sind vorhanden, werden jedoch in der ersten Anzeige im IE nicht dargestellt, im Firefox jedoch sehr wohl. Im IE scheint es weiße Schrift auf weißem Hintergrund zu sein, oder so. Ich kann mit dem Cursor drüber fahren und bekomme die Änderungen des Cursors angezeigt. Sobald ich auf einen anderen Reiter gewechselt habe, werden die Reiter auch farblich angezeigt.
Der Vollständigkeit halber und falls andere dieses Problem ebenfalls haben sollten, die Antworten auf Deine Fragen:
Ich kann im Prinzip alle Antworten mit JA beantworten und hatte bereits all Deine Vorschläge probiert. Zu den Versionen
Drupal: 6.6
Image: 6.x-1.x-dev
Verwaltungs-Theme: Garland 6.6
Mehrere Bilder einfach Hochladen mit FUpload
am 22.02.2009 - 16:01 Uhr
Hallo,
hier vielleicht ein Tipp der die arbeit vereinfachen kann:
Fupload: http://drupal.org/project/image_fupload
Mit FUpload kann man viele Bilder auf einmal hochladen in eine bestimmte Gallerie packen und anschließend vor dem Posten noch bearbeiten (Titel, Text etc.).
Ansonsten schöne Anleitung!
Ich habe im Prinzip eine Bildergallerie ähnlich erstellt.
Als Basis habe ich folgenden (englischen Screencast genommen):
http://blip.tv/file/1596476
Nur statt Thickbox nutze ich Lightbox2 wie hier beschrieben.
Viele Grüße,
Christian
Galerien in Bücher einsortieren
am 01.03.2009 - 19:54 Uhr
Hallo,
ich möchte eine einzelne Galerie in ein Buch einsortieren.
Ich habe ein Buch angelegt, das beispielsweise "Wandern" heißt.
Da ist Seite 1: "Warum überhaupt wandern"
Seite 2: "aktuelle Termine"
Seite 3: "Berichte von alten Touren"
Seite 3.1: "Fotos der Tour vom 1. Jan."
Seite 3.2: "Fotos der Tour vom 2. Feb."
usw.
Ich habe zuerst versucht, das über Menüs zu regeln.
Aber: wenn ich einen menüpunkt anlege, wird der nicht aufgeklappt, wenn man die übergeordnete Buchseite aufruft.
auf www.tfp-shots.de habe ich mir einen Sandkasten aufgebaut. Links unter "Inhalte" sind die Bücher, rechts unter "topmenü" ist die Version des Menüs, wie es aussehen sollte.
Mit der Foto-Ecke habe ich dasgleiche Problem: ich möchte meine Galerien sortieren und in einem eigenen Block speichern. Einzelne Bilder kann ich zwar als Menü anlegen (wird auch geschachtelt angezeigt) aber eben keine Galerien.
Vielen Dank für Eure Tips!
Galerie für Drupal 5
am 12.03.2009 - 03:15 Uhr
Echt Simpel wenn man das mal mit anderen Tutorials vergleicht.
Was ich allerdings für ein Problem habe, ich nutze Drupal 5 & 6 bei Drupal 6 hat das hingehauen und bei Drupal 5 beim Import, kann ich keine Galerie auswählen. Gibt es da einen Trick oder was mache ich falsch?
THX D_D
------------------------------
2 + 2 ist 4 immer und überall!
mein letzter Beitrag hat sich erledigt
am 12.03.2009 - 22:33 Uhr
Drupal ist zwar etwas gewöhnungsbedürftig, wenn man von Coppermine kommt, aber letztlich ist es unschlagbar. Auch meine Frage hat sich gelöst: Acidfree oder so ähnlich heißt das Modul. Bin top-zufrieden. ;-)
@ D_D
am 26.05.2009 - 12:22 Uhr
Hab mir gerade in Drupal 5 mit dieser Anleitung (super erklärt *thumbsup*) eine Galerie erstellt und hatte das selbe Problem. Bin durch Zufall auf die Lösung gestoßen. Ich habe einfach nur die Ansicht "image_galerie" deaktiviert und schon konnte ich meine Galerien beim Import auswählen. Anschließend machst du, wie in der Anleitung schon beschrieben, einen Menüpunkt mit dem Pfad image und schon kannst du deine Bilder wunderbar anschauen.
Viele Grüße Crouchie
Hallo. Erstmal, danke für die
am 11.09.2011 - 16:40 Uhr
Hallo.
Erstmal, danke für die Anleitung.
Ich hab nun eine Frage, wie kann ich die Beschreibung anzeigen (lassen) ? Der Foto Titel wird bereits angezeigt.
Danke schon mal.
Greetz B.
Das Schlimmste in allen Dingen ist die Unentschlossenheit.
Manchmal ist ein (kleiner) Wink nötig und man sieht vor lauter Bäumen den Wald trotzdem.