flickr-teaser

A live, shuffled glimpse of a public Flickr album: one script, one stylesheet, one element per album. No dependencies, no API key. Source and README on GitHub · latest release · MIT.

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flickr-teaser@1/dist/flickr-teaser.min.css">
<script src="https://cdn.jsdelivr.net/npm/flickr-teaser@1/dist/flickr-teaser.min.js" defer></script>

<div class="flickr-teaser" data-set="72157708563248894" data-nsid="75595126@N00" data-user="vlumi">
  <a href="https://www.flickr.com/photos/vlumi/albums/72157708563248894">See the album on Flickr</a>
</div>

Everything below is live from Flickr's public feeds, reshuffled on every load. This page loads the published build from the CDN; dev.html loads ../dist after npm run build.

Three albums in a grid, square frames

Daily B/W

Dammed

Offerings

Wide frame, photos cropped to fill, faster, with the album link

Dammed on Flickr

A photostream, feed order, manual only

vlumi on Flickr

Wrong id — the fallback shows

This one fails on purpose; the fallback link is what you see.