Integrating Flickr Widgets in HTML webpages

26,719 views

Published on

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

Published in: Technology, Sports
3 Comments
4 Likes
Statistics
Notes
  • There is a much better way to embed your flickr photos in a html page or your blog. Read http://blog.lifeblob.com/2010/03/03/showcase-your-photos-with-the-new-embed-widget/
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • http://www.slideshare.net/liz_flyntz/integrating-flickr-widgets-in-html-webpages-presentation
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Just curious how this works. I'm @ http://www.slideshare.net/liz_flyntz/integrating-flickr-widgets-in-html-webpages-presentation
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total views
26,719
On SlideShare
0
From Embeds
0
Number of Embeds
234
Actions
Shares
0
Downloads
47
Comments
3
Likes
4
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>http://www.flickr.com/ </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.” www.creativecommons.org </li></ul>
  4. 4. Flickr supported uploaders <ul><li>The flickr site has a variety of batch uploaders here: http://www.flickr.com/tools/ </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: http://www.flickr.com/services/ </li></ul><ul><li>And here: http://www.quickonlinetips.com/archives/2005/03/great-flickr-tools-collection/ </li></ul>
  6. 6. Flickr integration widgets (best of) <ul><li>http://www.slideoo.com/ </li></ul><ul><li>(for putting a horizontal slideshow on blogs, websites, or networking apps.) </li></ul><ul><li>http://www.flash-gallery.org </li></ul><ul><li>(more like lightbox, requires you to download code (html, php, flash) and install) </li></ul><ul><li>http://fabiocavassini.com.ar/SlideShowGenerator.html </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>http://www.db798.com/work/ </li></ul><ul><li>More examples here: </li></ul><ul><li>http://www. lizflyntz .com/ FlickrEmbeds .html </li></ul>

×