Mai 2

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.

Kostenloser Google Ads Check durch Experten

Deine Google Ads Kampagne macht Probleme oder läuft noch nicht so rund? Dann sichere Dir meinen kostenlosen Google Ads Check. Ich werfe einen Blick auf Deine Kampagnen und du erhältst bereits Empfehlungen, was Du besser machen kannst und wo Deine Problem liegen.

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/35209641@N04/3316384340/

http://www.flickr.com/photos/35209641@N04/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!.


Tags

Drupal, Flickr, Lightbox, Tutorial


Auch interessant

3 Gründe, warum Deine Google Ads Kampagnen nicht funktionieren

Update April 2021 – Google Ads Checkliste

Noch Fragen? 

Dann sende mir eine Nachricht!

Name*
Email*
Message
0 of 350