Hash in URL refering to photo

[StyXman]

I use baguette via the nikola static website generator. I love the lightbox, and I have a (hopefully) minor request.

Let's take the example of the first gallery at https://feimosi.github.io/baguetteBox.js/ If I click in the 4th image on the 1st row, the lightbox opens showing a bigger image. So far so good.

What I would like is that the URL in the browser's location bar to have a reference to this image in the lightbox. The most usual way is to add an anchor to the URL, like https://feimosi.github.io/baguetteBox.js/#img/1-4.jpg

The second part of the request is that if the URL has a breadcrumb, the lightbox with the relevant image opens. That is, if I got to https://feimosi.github.io/baguetteBox.js/#img/1-4.jpg , I expect the page to open with the lightbox open and that image in it.

This way I can send URLs to specific images to people, instead of having to put them in their own folder or telling them "check the 284th image in this gallery!".

Unluckily my free time and JS knowledge are not enough to try to tackle this myself.

[StyXman]

Look, I found some code that maybe you can use, at least as inspiration: https://github.com/fancyapps/fancybox/blob/master/src/js/hash.js