jQuery.photostream

jQuery plugin to embed Flickr Photostream on your site.

Install

npm install photostream or bower install photostream

Usage

The basics:

$('#flickr').photostream({
    api_key: '<your key>',
    user_id: '<your id>'
});

Options

Option	Description
api_key	Flickr API key.
user_id	Flickr user ID.
image_size	Size suffix [sqtmnzcbnko]. Default is m (small, 240 on longest side). Read more here.
image_count	Max image count to show. Default is 10.
target	<a> target. Default is _blank.

Events

Event	Description
ps.complete	Fired when photostream is loaded.
ps.error	Fired when something goes wrong. For example, wrong API key.

How to create the justified gallery?

By default jQuery.photostream doesn't do nothing with images. If you want to create a cool gallery you can use Justified Gallery.

Here is an example:

$('#flickr').on('ps.complete', function () {
    $(this).justifiedGallery({
        rowHeight: 120,
        lastRow: 'justify',
        captions: true,
        randomize: true,
        border: 4,
    });
});