Here is the final product (and beautiful pictures of my girl). Here are the easy steps to do it yourself:
- Sign up for a Flickr API key. If this is a non-commercial site, it’s free and instant.
- Grab the download or copy the hotlink markup from the setup page in the Fotorama docs
- Add this markup to your page:
<div class="carousel" data-auto="false"></div>
There’s a lot of configuration options you can add besides that. Here’s the full list.
You must put your API key and your photoset’s id into that big URL you pass to $.getJSON(). If you want the photos to show up in reverse order (as I did), change imgs.push() to imgs.unshift(). You can display things other than photosets (search results and such), but you’ll need to dig into the Flickr API docs to build those queries yourself.