https://github.com/makevoid/jqueryflickr
get flickr photos by photoset and outputs fancybox gallery
https://github.com/makevoid/jqueryflickr
Last synced: 3 days ago
JSON representation
get flickr photos by photoset and outputs fancybox gallery
- Host: GitHub
- URL: https://github.com/makevoid/jqueryflickr
- Owner: makevoid
- Created: 2011-06-08T01:57:35.000Z (over 14 years ago)
- Default Branch: master
- Last Pushed: 2012-06-25T12:47:19.000Z (over 13 years ago)
- Last Synced: 2025-03-25T06:02:48.683Z (10 months ago)
- Homepage: http://makevoid.github.com/jqueryflickr
- Size: 195 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# jQueryFlickr
## get flickr photos by photoset and outputs fancybox gallery
See the demo example: [http://makevoid.github.com/jqueryflickr](http://makevoid.github.com/jqueryflickr)
### basic usage
in the page head add:
var api_key = "ceedea54d4a6a93de57f7f0f8b448106"
$(function(){
$("#photos").flickrGallery(api_key)
})
and this will go into the body:
note: you have to change the dataset id to the one you want to show, also remember to change the api key!
you can find the "set_id" like this:
- login to flickr.com
- go to: "You" > "Your Sets"
- choose the set you want to make a gallery of
- look at the url, it will be something like: http://www.flickr.com/photos/makevoid/sets/72157604299605007/
- the SET_ID is the number in the url! (in my case 72157604299605007)
you also need to copy "images/fancybox" folder and you may need to edit the images path in "css/fancybox.css"!
### configuration:
you can pass options to flickrGallery like the photo size and some [fancybox options](http://fancybox.net/api)
$("#photos").flickrGallery(api_key, { size: 30, fancybox_options: {} })
### notes
feel free to fork the project and submit pull requests!