CANVISIONblog - Aktuelle Nachrichten der digitalen Medien, Webdesign und Webentwicklung.

Drupal 7 Fotogalerie per FTP - Tutorial

Bildergalerien bzw. Fotogalerien in Drupal haben eine wohl recht hohe Nachfrage. Gerade im Bereich Drupal 7 gibt es hier leider noch wenig zu Berichten. Gerade wenn viele Bilder zum Einsatz kommen gibt es häufig Schwierigkeiten die es zu bewältigen gibt.

Eine einfache Methode bietet das Modul "himuesgallery" welches für Drupal 6 & 7 verfügbar ist. Wie es funktioniert und welche Vorteile bzw. Nachteile es gibt möchte ich hier kurz vorstellen.

Die Bilder können einfach und bequem per FTP in ein beliebiges Verzeichnis Hochgeladen werden. Der Rest geschieht automatisch, Bilder werden skaliert und angeordnet. Die Großansicht der Bilder wird mithilfe der ColorBox realisiert.

Hört sich alles etwas kompliziert an, aber funktioniert umso einfacher schaut selbst:
 

Wie erstelle ich eine Fotogalerie mit Drupal 7 ?

Als erstes benötigen wir das Modul "himuesgallery" und anschließend das Modul "Colorbox". Mehr Module werden nicht benötigt, was schon der erste Vorteil im Gegensatz zu anderen Alternativen ist.

Nach dem Download werden die Module Aktiviert und konfiguriert.

Bildergalerie Module Aktivieren
Nach dem Aktivieren der Module wird schon im Hauptmenü ein weiterer Punkt angezeigt.

Verzeichniss angeben

Unter diesem Punkt muss das Verzeichnis angegeben werden, von wo aus später die Bilder
hochgeladen werden. Als Beispiel "galerie" der Name kann natürlich frei vergeben werden.
Die Ordnerstruktur müsste nun wie folgt aussehen:
sites/default/files/galerie/

Nun laden wir mal ein paar Bilder hoch, um diese später in der Galerie auszugeben.
Der Ordner "galerie" ist nun unser Hauptverzeichnis, in welchen wir nun beliebige Ordner
mit Bildern per FTP hochladen können. Die Ordner können wir später frei einer Fotogalerie zuordnen.
Nun erstelle ich im Ordner "galerie" einen Ordner mit der Bezeichnung "kategorie-1" in welchem
meine Bilder vorhanden sind.
sites/default/files/galerie/kategorie-1/

Bilder für Fotogalerie hochladen

Nun haben wir schon die halbe Miete und erstellen die erste Galerie. Im Punkt
"Inhalt hinzufügen" ist nun ein neuer Inhaltstyp zu finden "himuesgallery"

Inhaltstyp auswählen

Nun muss unser Ordner ausgewählt werden. Die weiteren Einstellungen sind selbsterklärend.

Fotogalerie anlegen

Für Experten kann die css Datei unter "css file to use for this gallery" individuell angepasst
werden.

Nun sollte eure Galerie so oder so ähnlich ausschauen.

Fotogalerie mit Drupal 7

Großansicht Fotogalerie

Kurz:
- Module Installieren
- Verzeichniss anlegen
- Bilder per FTP hochladen
- Galerie erstellen

Download der Module:
http://drupal.org/project/himuesgallery
http://drupal.org/project/colorbox

Eine weitere Möglichkeit für eine Galerie in Drupal in Verbindung
mit der Media Gallery wird hier vorgestellt.

Drupal Media Gallery Tutorial

Kommentare

Bild des Benutzers Christoph Engeli

Gespeichert von Christoph Engeli (nicht überprüft) am/um

Bei mir wird der Bildschirm rot mit folgender Zeile (pro Bild gibts diesen Text):

Warning: imagejpeg() [function.imagejpeg]: Unable to open '/usr/www/users/eejilout/CUI/sites/default/files/galerien/irlany_aniv/thumbs/thumb.FCE_(9).jpg' for writing: Permission denied in _himuesgallery_create_thumb() (Zeile 785 von /usr/www/users/eejilout/CUI/sites/all/modules/himuesgallery/himuesgallery.module).

Liegt das an meinem Host-Server (Pair Networks)?

Viele Grüsse

Bild des Benutzers Gast

Gespeichert von Gast (nicht überprüft) am/um

Hm, bei mir werden keine Bilder angezeigt, weder Thumbs noch die Colorbox. Habs gemäß Anweisung gemacht.
himuesgallery 7.x-1.12,
Colorbox 7.x-1.2,
Drupal Core 7.10
Stand 22.Jan2012.
himuesgallery gibt es auch kein Image-field.
Platzhalter für die Thumbs sind da.
Gibts ne Lösung??
Danke!!

Bild des Benutzers Gast

Gespeichert von Gast (nicht überprüft) am/um

Hallo nochmal,
Korrektur: in Single Picture - Continue
werden die Bilder in voller Größe in der Colorbox angezeigt. Wo kann ich die Größe einstellen, oder muss es schon vor dem Upload gemacht werden??
Danke!

Bild des Benutzers Gast

Gespeichert von Gast (nicht überprüft) am/um

Echt tolles Tutorial, habs gleich mal ausprobiert.
Ich wollte dann mehrere Gallerien über Views auflisten lassen, aber dabei zeigt es von den Gallerien immer alle Bilder an.
Ist es auch möglich über Views immer nur das erste bild anzeigen zu lassen?

Bild des Benutzers admin

Gespeichert von admin am/um

Vielen dank!
Das habe ich noch nicht getestet. Aber ich denke auch hier wird es eine Lösung geben ;) Ich werde mich so schnell wie Möglich melden und Berichten.

Bild des Benutzers admin

Gespeichert von admin am/um

Ich denke die einfachste und flexibelste Lösung wäre dem Inhaltstyp "himuesgallery" ein einfaches Image Field zuzuweisen (Felder verwalten). Das neue Image Field unter (Anzeige verwalten) auf "Hidden" setzen.

Nun muss lediglich beim Erstellen einer Kategorie ein Vorschaubild ausgewählt werden ist ja nur ein Klick mehr.

Mit Views kannst du dieses nun Ansprechen und ausgeben lassen. Das Bild so einstellen, dass es auf den Beitrag verweist. So wird nun für jede Kategorie ein Bild ggf. mit Titel angezeigt welches auf die jeweilige Galerie verlinkt. Denn View kann man nun an Gewünschter stelle anzeigen.

Ich hoffe das Hilf ein wenig weiter ... wenn noch fragen sind helfe ich gerne weiter.

Viel Spaß

Bild des Benutzers Gast

Gespeichert von Gast (nicht überprüft) am/um

danke! zur Zeit ist dies die beste Lösung für eine einfache Gallery mit Drupal 7! Rapsli macht mit FastGallery etwas ähnliches, wenn auch mit etwas mehr Möglichkeiten (läuft aber für D7 noch nicht)

Bild des Benutzers admin

Gespeichert von admin am/um

Ziel war eine einfache Methode um viele Bilder in Drupal auszugeben. Wenn es nicht mehr als 20 Bilder pro Kategorie gibt, hilft hier das Image-Field welches Drupal an Board hat. Dieses auf Anzahl unbegrenzt stellen mit Colorbox verknüpfen und per CSS anpassen.

Danke für das Feedback.

Bild des Benutzers Gast

Gespeichert von Gast (nicht überprüft) am/um

FastGallery wird's wohl so schnell auch nicht für D7 geben, da Rapsli sich mehr oder weniger aus der Drupal-Welt zurückgezogen hat.

Deine Meinung

Nüzliches

Platzhalter Bilder

lorempixel.com

ResizeMyBrowser

resizemybrowser.com

CSS3 Generator

www.css3.me/

Offtopic

Reise ins All für 100 €

jetzt.sueddeutsche.de

Neues Aldi-Tablet im Test

www.spiegel.de

Android 5.0 nur für neue Smartphones?

www.hartware.de