Integrating Flickr Widgets in HTML webpages


Published on

How to integrate Flickr widgets and slideshows into your html website. The best and worst widgets.

Published in: Technology, Sports
  • There is a much better way to embed your flickr photos in a html page or your blog. Read
    Are you sure you want to  Yes  No
    Your message goes here
    Are you sure you want to  Yes  No
    Your message goes here
  • Just curious how this works. I'm @
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

Integrating Flickr Widgets in HTML webpages

  1. 1. Flickr Integration, etc.
  2. 2. About Flickr <ul><li> </li></ul><ul><li>“ Flickr - almost certainly the best online photo management and sharing application in the world - has two main goals: </li></ul><ul><li>1. “We want to help people make their content available to the people who matter to them. To do this, we want to get photos and video into and out of the system in as many ways as we can: from the web, from mobile devices, from the users' home computers and from whatever software they are using to manage their content. And we want to be able to push them out in as many ways as possible: on the Flickr website, in RSS feeds, by email, by posting to outside blogs or ways we haven't thought of yet.” </li></ul><ul><li>2. “We want to enable new ways of organizing photos and video. Once you make the switch to digital, it is all too easy to get overwhelmed with the sheer number of photos you take or videos you shoot…Part of the solution is to make the process of organizing photos or videos collaborative” </li></ul><ul><li>(ie: tagging, commenting, notes, etc. are interactive and usable by the poster + viewers, and this info accumulates as searchable metadata) </li></ul>
  3. 3. Creative Commons <ul><li>Flickr photos are offered under a variety of Creative Commons license types. Most require attribution, or have a “non-commercial use” clause. </li></ul><ul><li>Creative Commons = “Creative Commons is a non-profit that offers an alternative to full copyright.” </li></ul>
  4. 4. Flickr supported uploaders <ul><li>The flickr site has a variety of batch uploaders here: </li></ul><ul><li>And info about mobile phone flickr uploads and display. </li></ul><ul><li>My phone is some cheap 2002 Motorola I bought at Best Buy and it doesn’t have a camera. So I wasn’t interested in the cell phone stuff. </li></ul>
  5. 5. Open “Application Programming Interface” <ul><li>Wikepedia says: “An application programming interface (API) is a set of functions, procedures, methods, classes or protocols that an operating system, library or service provides to support requests made by computer programs.” </li></ul><ul><li>Flickr says: “anyone can write their own program to present public Flickr data (like photos, video, tags, profiles or groups) in new and different ways.” </li></ul><ul><li>There are a ton of examples (and links to other examples) here: </li></ul><ul><li>And here: </li></ul>
  6. 6. Flickr integration widgets (best of) <ul><li> </li></ul><ul><li>(for putting a horizontal slideshow on blogs, websites, or networking apps.) </li></ul><ul><li> </li></ul><ul><li>(more like lightbox, requires you to download code (html, php, flash) and install) </li></ul><ul><li> </li></ul><ul><li>(easy to make slideshow, but you cannot alter size, post on most blogs, or change background color) </li></ul>
  7. 7. More options (best options) <ul><li>PictoBrowser </li></ul><ul><li> </li></ul><ul><li>More examples here: </li></ul><ul><li>http://www. lizflyntz .com/ FlickrEmbeds .html </li></ul>