Flickr Bilder in Drupal mit Lightbox Effekt

Mit diesem kleinen Tutorial möchte ich kurz erklären, wie man die Bilder seines Flickr Accounts in Drupal einbinden kann. Zudem sollen sich solche Bilder dann, wie auf meiner privaten Homepage in einer Lightbox öffnen.

Module richtig konfigurieren:

Benötigte Module:

Zuerst werden alle Module wie gewohnt in Drupal installiert und aktiviert.

Beim CCK Modul muss weiter nichts verändert werden.

Widmen wir uns nun zunächst dem Flickr Modul. Als erstes sollte man unter Einstellung seinen Flickr API Key und den API Shared Secret Key eintragen. Der User muss nicht eingetragen werden, er wird automatisch nach API-Eingabe abgerufen.

Ist dies erledigt, so muss man nun unter Eingabeformate ein neues Eingabeformat erzeugen oder man ändert eines seiner bestehenden (z.B.FullHtml). Hier kann man einfach per Checkbox das Flickr Format aktivieren.

Flickr API Einstellung in Drupal

Flickr API Einstellung in Drupal

Beim Lightbox Modul muss in den Einstellungen unter Automatische Bildbehandlung -> Flickr images noch Lighbox ausgewählt werden, so dass der gewünschte Effekt auch auf die eingebundenen Flickr Bilder angewendet werden kann.

Lightbox Einstellung

Lightbox Einstellung


Flickr Modul einbinden:

Erstellt man nun einen neuen Beitrag, so kann man unter Verwendung des vorgegebenen Strings entweder einzelne Bilder oder sogar ein komplettes Album (Photosets) einbinden.

Bild einbinden: [flickr-photo:id=3316384340,size=-]

Album einbinden: [flickr-photoset:id=72157616287868741,size=m]

Wichtig: Der obige Code muss noch jeweils in eckigen Klammern stehen!


Wo finde ich die richtige ID?

Die richtige Foto ID findet man, indem man in seinen Flickr Account geht und sein Bild auswählt. Die Zahl nach der Benutzerkennung ist die Photo-ID für das gewählte Bild. Ein Album wird durch die Nummer nach dem sets/ folgt beschrieben:

http://www.flickr.com/photos/[email protected]/3316384340/

http://www.flickr.com/photos/[email protected]/sets/72157616287868741/


Bildgröße angeben:

Die Größe des anzuzeigenden Bildes in der Lightbox kann durch den Parameter size verändert werden. In nachfolgender Übersicht sind alle möglichen Größen mit ihrem zugehörigen Parameter aufgeführt

s     Kleines Quadrat, 75×75 Pixel
t     Thumbnail, 100 Pixel auf der längsten Seite
m    Klein, 240 Pixel auf der längsten Seite
–     Medium, 500 Pixel auf der längsten Seite
b     Groß, 1024 Pixel auf der längsten Seite
o     Originalbild

Falls ihr weitere Fragen zum Tutorial habt, einfach einen Kommentar hier hinterlassen. Ansonsten viel Erfolg dabei!.

2 Comments on “Flickr Bilder in Drupal mit Lightbox Effekt”

  1. 24 Kommentare und alle Spam! Nein stopp, schon 28 und es werden minütlich mehr… Glückwunsch :-) Ich glaube ein Captcha wäre jetzt angebracht :-)

  2. Danke nochmals für die Benachrichtigung.

    Spamschutz ist nun eingerichtet und sollte funktionieren.
    Bei Spamverdacht muss der Kommentar nun mit einem Captcha bestätigt werden.

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.