Revision of Using Drupal's Flickr Module from Thu, 2009-07-02 08:25

IMG_4473.JPG


If you haven't discovered the Flickr module yet, check it out. With a simple filter, you can add images to your site from Flickr. They were taken at the Drupal Doc Planning Sprint in Toronto, March 2009. The image to the right is set to a size of small. If you want to align the image (like you see here), wrap the image in paragraph tag and include style="float:right" as a paragraph attribute.

Below you see a Flickr image set. You can configure the Flickr module to display a different number of photos per set. To install and use Flickr, follow the steps below.

Install the Flickr Module

  • Install and enable the Flickr, Flickr filter, and Flickr sets.
  • Go to admin > site configuration > Flickr, insert the Flickr key and secret (there is a link on this page that takes you to the Flickr site page where you can request your key and secret). Configure the module to meet your needs.
  • Here is the step that gets overlooked. Go to admin > site configuration > input formats. Edit the input filter that will include the Flickr filter. Add the Flickr filter (called Flickr linker) to your input filter.

Use the Flickr filter

  • Locate the flickr image you want to use on the Flickr site. Copy the id number from the browser address (select the set id if you want the set) and paste it into the filter format shown on the Flickr project page.
  • Insert the filter you need (single image or set) into the body of your node. Set the image size using one of the formats shown on the Flickr project page.
  • Remember to select the applicable input format when creating your node.

My collection

03220914110322090846b0322090846a03220908460322090845a03220908450321091903

Addison's collection

For demo purposes, I have borrowed some images from Addison Berry's Flickr collection.

Angie taking notesLee taking a breakFilling the walls080/365: Barriers to SuccessCindy, cat herderIdeas081/365: The tugboat phaseAngie and ToddEmmaOutreachDoc parking lot #1Doc parking lot #2Doc sprint rulesWinding down

Comment viewing options

Select your preferred way to display the comments and click "Save settings" to activate your changes.

Thanks.

Thanks,

I also was overlooking the step that gets overlooked ;-)

Post new comment

The content of this field is kept private and will not be shown publicly.
  • Allowed HTML tags: <em> <strong> <img> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • Lines and paragraphs break automatically.

More information about formatting options