Flickr-Fotos in eine Webseite einbinden, Teil 1

Um Fotos von Flickr in eine Drupal-Website einzubinden gibt es verschiedene Möglichkeiten. Im Teil 1 möchte ich auf eine Methode eingehen, bei der eine Funktionalität von Flickr selbst verwendet wird. Im Teil 2 beschreibe ich die Anwendung eines Drupal Modules. Teil 3 beschreibt die kombinierte Anwendung einer Möglichkeit der Flickr API mit Drupals Möglichkeiten um beliebige Flickr-Fotos in eine Webseite einzubinden.

Flickr Badge

Ein Flickr Badge kann man sich, ein Flickr Account vorausgesetzt, unter dieser Adresse zusammenstellen: Flickr Badge

HTML Badge

Wenn man sich ein HTML Badge zusammenstellt ist es nicht günstig, den erzeugten HTML-Code komplett zu übernehmen. Der Code enthält zu viele Formatierungen, die wohl meist nicht zum Layout der eigenen Seite passen.

Es reicht als Fragment der Kern des Code aus. Das ist jener Teil der die Fotos von Flickr einbindet und vom Javascript-Tag gebildet wird.

Mit einem Badge eingebundene Sets von Fotos müssen auf der eigenen Seite nicht ständig aktualisiert werden um bei Flickr neu eingestellte Fotos auch auf der eigenen Seite anzuzeigen.

Es können die Fotos einzelner Tags eingebunden werden. Das ist vorteilhaft wenn man bei Flickr nur einen Freeaccount hat und das Anlegen von Sets auf 3 beschränkt ist.

Als Nachteil betrachte ich, daß man keinen Einfluss auf die Link-Parameter hat. Die Möglichkeit, den Parameter target zu setzen fehlt.

Wer mit Drupal einen Texteditor verwendet muss den Editor deaktivieren um den Flickr-Code verwenden zu können.

Beispiel statischer HTML Badge

Dieser Badge verwendet die Fotos eines Tags.

Beispiel dynamischer HTML Badge

Dieser Badge verwendet die Fotos eines Set mit der Random-Funktion.

Badge-Fotos auswählen

Die Möglichkeiten der Fotoauswahl für ein Badge sind recht umfangreich und sind mit meiner Beschreibung nur angedeutet. Am Besten ist selbst testen.

Links

Create your own Flickr badge

Flickr-Fotos in eine Webseite einbinden, Teil 2
Flickr-Fotos in eine Webseite einbinden, Teil 3

Bilder mit Drupal präsentieren, Teil 2

Powered by Drupal. Created with ZenWalk.