Bildergalerien für Drupal 7

DruckversionPDF version

Hier einige Beispiele, wie man mit Drupal Bildergalerien erzeugen kann

1. Modul "media gallery"

Dies ist eine vollständige Bildergalerie, es ist nicht erforderlich, eigene Inhaltstypen mit Feldern für Bilder anzulegen.

www.drupal.org/project/media_gallery
- benötigt zusätzlich die Module
"media"
www.drupal.org/project/media
"multiform"
drupal.org/project/multiform
"ctools"
www.drupal.org/project/ctools
Stellt einen Inhaltstyp "gallery" bereit, und einen feldtyp "multimedia asset"

außerdem benötigt: "colorbox jquery plugin"
www.jacklmoore.com/colorbox/
entpacken und hochladen in sites/all/libraries

Bilder können einfach einzeln hochgeladen werden, mit Titel, Alt-Text und Beschreibung versehen werden. Taxonomie Tags können zu jedem einzelnen Bild hinzugefügt werden.
Beispiel : www.rhein-main-experten.de/drupal-frankfurt-im-schnee

Falls die Breite der Anzeige beim Öffnen des Colorbox Overlays nicht stimmt in der Datei colorbox-display.js unter dem media-gallery Ordner in Zeile 29

 innerWidth: 'auto',

abändern in die gewünschte Breite. und  eine Zeile mit

 innerHeight: ' px', die gewünschte Höhe hinzufügen

In Zeile 28 kann man das englische "item" und "of" mit Deutsch  "Bild" und "von" ersetzen.

Eine Höhenangabe im colorbox Stylesheet bei #cboxLoadedContent verhindert scroll-Balken in Safari und Google Chrome.

Unter dem angegebenen Pfad der Konfiguration werden alle Mediengallerien in Überblicksbildern dargestellt.
Beispiel: www.rhein-main-experten.de/drupal-beispiele-bildergalerien

2. Modul "field slideshow"

Hier erstellen Sie einen eigenen Inhaltstyp für die Slideshow Bilder, oder fügen ein Slideshow Feld an bestehende Inhaltstypen an.


Modul
"field slideshow"
installieren, das Modul benötigt außerdem
"libraries",
und unter sites/all/libraries/jquery.cycle und sites/all/libraries/jquery.jcarousel jeweils die plugins Jquery Cycle und JCarousel (download mit rechter Maustaste)
siehe: drupal.org/project/field_slideshow

Einen neuen Inhaltstyp für die Diashow anlegen oder an einen vorhandenen ein Feld Typ "Bild" mit Steuerelement "Bild" anhängen.
Bei "Anzeige verwalten" als Format "Slideshow" angeben.

Beispiel: www.rhein-main-experten.de/bad-nauheim

3. Zusatz für Medienanzeige in Thumbnails - Colorbox

Colorbox können Sie grundsätzlich für eingefügte Bilder einstellen.

Das Modul "colorbox" installieren, das dazugehörende Plugin entpacken und mit ftp den Ordner colorbox unter sites/all/libraries hochladen.

Modul: drupal.org/project/colorbox
Plugin: jacklmoore.com/colorbox/


Unter Konfiguration kann man anschließend verschiedene Stile einstellen. Nach der Installation des Moduls öffnen sich Thumbnails bei Klick auf derselben Seite mit einem dunklen Hintergrund, es lässt sich weiterblättern oder alle Bilder in einer Slideshow anzeigen.

Die Galerie können Sie für alle Bilder eines Beitrags oder alle Bilder einer Seite einstellen.

4. Shadowbox

Shadowbox können Sie grundsätzlich für eingefügte Medienformate einstellen.

Mit Shadowbox lassen sich alle Medienformate, auch Videos, auf einer Webseite vor einem dunklen Hintergrund anzeigen. Bilder (wie colorbox) Externe Webauftritte und Webseiten Inline und/oder dynamisches HTML Flash (swf) Flash video (flv) QuickTime Windows Media Player Modul: drupal.org/project/shadowbox Plugin: www.shadowbox-js.com/download.html Den plugin Ordner "shadowbox" (Versionsnummer entfernen) mit ftp unter sites/all/libraries/ hochladen

rhein-main-experten.de wird überprüft von der Initiative-S