Not a clue

[seffw]

Thanks for providing the plugin, but not a clue how to use it.

You demo is using a flickr stream it seems which gives no insight into how to get the image data into the your function.

I'm moving on because there are other options. I'd recommend making a demo which is replicable or the HTML + JS + CSS needed to make a working demo.

[candyflip19]

Same issue here

I also dislike that you have to link the pictures in the JS. Would be a better solution IMHO if the source of the pictures would be in the DOM in case of someone has disabled JS and SEO.

[santiagovdk]

Same here, no clue on how to implement it...

[mathiasuk]

There is also the option of inserting the pictures list in the page itself in a js variable so you don't need to fetch the images from an external source. For example I use something like:

<script>
var photos = [{width: 4000, height: 3000, url: '/path/to/myfirst.jpg'}, {width: 2000, height: 2000, url: '/path/to/mysecond.jpg']
</script>

The content of the array can be pretty much anything you want as you can write your own getSize, thumbnailPath, template, etc. methods.