{"id":16940153,"url":"https://github.com/joho/snackjs-flickr-gallery","last_synced_at":"2026-05-11T04:46:27.627Z","repository":{"id":66433570,"uuid":"9647208","full_name":"joho/snackjs-flickr-gallery","owner":"joho","description":"A Flickr image gallery built using SnackJS and CSS3 Transitions","archived":false,"fork":false,"pushed_at":"2020-03-10T14:59:48.000Z","size":13,"stargazers_count":1,"open_issues_count":1,"forks_count":0,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-01-26T02:52:17.341Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/joho.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2013-04-24T12:50:23.000Z","updated_at":"2017-12-22T23:39:45.000Z","dependencies_parsed_at":"2024-03-18T03:30:43.306Z","dependency_job_id":null,"html_url":"https://github.com/joho/snackjs-flickr-gallery","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/joho%2Fsnackjs-flickr-gallery","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/joho%2Fsnackjs-flickr-gallery/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/joho%2Fsnackjs-flickr-gallery/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/joho%2Fsnackjs-flickr-gallery/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/joho","download_url":"https://codeload.github.com/joho/snackjs-flickr-gallery/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244745760,"owners_count":20503050,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-10-13T21:06:24.903Z","updated_at":"2026-05-11T04:46:27.597Z","avatar_url":"https://github.com/joho.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"SnackJS Flickr Gallery\n===\n\nA very, very simple Flickr gallery built using [SnackJS](https://github.com/rpflorence/snack) for the JSONP/Element finding stuff and CSS3 Animations for the smooth, smooth transitions.\n\nTo use, take the stylesheet \u0026 js from the project and put them wherever you put such things in your project, then link to them. I do it kinda like:\n\n\n    \u003clink rel=\"stylesheet\" type=\"text/css\" href=\"snack-flickr-gallery.css\" /\u003e\n    \u003cscript src=\"snack-qwery-min.js\" type=\"text/javascript\"\u003e\u003c/script\u003e\n    \u003cscript src=\"snack-flickr-gallery.js\" type=\"text/javascript\"\u003e\u003c/script\u003e\n\nThen in your markup wherever you want to put an image gallery just chuck this element in\n\n    \u003cdiv class=\"snack-flickr-gallery\"\u003e\u003c/div\u003e\n\nIf you want to get fancy and pass some extra options to the Flickr feed API you can do it like:\n\n    \u003cdiv class=\"snack-flickr-gallery\" data-user-id=\"86448492@N00\" data-tags=\"everydamnedshirt\"\u003e\u003c/div\u003e\n\nIf you have no idea what your user id is (I didn't) then you can plug your username in at [idgettr](everydamnedshirt)\n\nBrowser Support\n---\n\nI have no idea. I tried to be conservative with my js \u0026 css, and am using a cross browser selector thingo for SnackJS, but I was too lazy to test it.\n\nWho?\n---\n\n[John Barton](https://johnbarton.co/) made this.\n\nWhy?\n---\n\nI was helping out with some small updates to a website built years and years ago and it had some kind of flash image gallery I didn't understand. I figured it was easier to build a new one than figure out how flash shit works, and easier to use the flickr API than build a cms for image galleries.\n\nLicence\n---\n\nMIT Licence, fools.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjoho%2Fsnackjs-flickr-gallery","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjoho%2Fsnackjs-flickr-gallery","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjoho%2Fsnackjs-flickr-gallery/lists"}