Skip to content

Show Flickr images on a page rendered with the PhotoSwipe javascript library

License

Notifications You must be signed in to change notification settings

fpurcell/FlickrPhotoSwipe

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Jun 22, 2016
83f99e9 · Jun 22, 2016

History

25 Commits
Jun 22, 2016
Jun 22, 2016
Jun 21, 2016
Jun 21, 2016
Jun 22, 2016
Jun 22, 2016
Jun 22, 2016

Repository files navigation

FlickrPhotoSwipe

Show Flickr images on a page rendered with the PhotoSwipe javascript library.

Example: http://flickrps.frankpurcell.com

Running:

  1. git clone https://github.com/fpurcell/FlickrPhotoSwipe.git
  2. cd FlickrPhotoSwipe
  3. run a simple webserver, ala python -m SimpleHTTPServer 8000
  4. http://localhost:8000/

Customizing:

  1. create a https://www.flickr.com/ account, add some images, make those images public
  2. create a Flickr 'Album', and add some photos to it... 1 create a Flickr alias name https://www.flickr.com/profile_url.gne
  3. when you open your album in a browser, note the album id at the end of the url, ala https://www.flickr.com/photos/lightbox111/albums/72157670059311695
  4. create a Flickr API id: https://www.flickr.com/services/api/
  5. cd FlickrPhotoSwipe
  6. edit file index.html
  7. change (at least) this line: var f = new FlickrPhotoSwipe("<your api id>", "<your album id>", "<your flickr user id>");
  8. look like this? FlickrPhotoSwipe("f795862b714e60d59e6b4585f902e563", "72157670059311695", "lightbox111");

NOTE: this lib currently uses PhotoSwipe v3.0.3 (or v3.0.4?) https://docs.omniref.com/github/dimsemenov/PhotoSwipe/3.0.3 this is a pretty old version, and I hope to upgrade sometime...pull requests gladly accepted.

About

Show Flickr images on a page rendered with the PhotoSwipe javascript library

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published