simpleviewer prototype page

After yesterday’s musings, I made a prototype page for the gallery using simpleviewer and flickrviewer.

  1. download SimpleViewer
  2. download flickrviewer
  3. get flickr api key
  4. configure api key — the instructions are supposed to be simple but proved to be more fiddly than I thought

    • make a note of the key and the shared secret key
    • click “edit key details”
    • enter details of the application — I put simpleviewer and flickrviewer
    • under callback url enter the location of the simpleviewer application:
      http://invisiblecompany.com/gallery/simpleviewer
    • create a login link in the format:
      http://flickr.com/services/auth/?api_key=[api_key]&perms=[perms]&api_sig=[api_sig]
      [api_key] is my api key
      [perms] can be read, write or delete — write includes read and delete includes r/w
      [api_sig] is the md5 sum of [secret]api_key[api_key]perms[perms], meaning if [secret]=123 and [api_key]=999 and I set write permissions I get 123apikey999permswrite. A simple online tool converts to md5: 3062e84e9b0014d31c5ee946ef4283a9
      my login link is: http://flickr.com/services/auth/?api_key=999&perms=write&api_sig=3062e84e9b0014d31c5ee946ef4283a9
    • enter the login link in the browser and flickr will ask me to grant permission for simpleviewer to access my flickr folders
  5. in Dreamweaver or a text editor edit flickrviewer.php according to instructions in the file
  6. ftp to server
  7. point browser to gallery location
  8. clear cache if necessary

This displays all the pictures in my favourites flickr set. Full screen shot to see the location of the flash viewer.

gallery with flickrviewer

categories

,
in images , weblog | | comments (0)

Leave a comment

about

This page contains a single entry by invisiblecompany published on Monday August 27, 2007 6:50 PM.

put flickr pictures on website was the previous entry.

favicon in bloglines feeds is the next entry.

Return main index or look in the archives.

  • xhtml validated
  • css validated
  • made by mac
  • dreamweaver
  • photoshop
  • Get Firefox!
Powered by Movable Type 4.01