I was looking for an alternative for my (this) blog and hold pictures. I’m a lego fan so I wanted to get some pictures uploaded but without bloating the site.
In the article Lego Mini Cooper MOC I did add lot of pictures, same for Lego Chinese dinner and Lego Dragon Dance.
I was checking and how telegram does handle some links and found that Instagram ’links’ get expanded to list the images inside directly to see if that could help in a task I was helping at Pelican-Elegant theme used at this site for creating a gallery.
Instagram and multiple pictures
While doing some research, I found that apparently, to an Instagram URL you can append
?__a=1 and it will ‘dump’ a `xml’ of the picture or gallery, like the following one for this picture:
In this case, the generated JSON, available at https://www.instagram.com/p/B7yh4IdItNd/?__a=1 contains the information we required for getting image size, thumbnail, etc
The important there is that from a gallery ID, we can get a JSON without requiring any API key (which is required for Flickr for example).
https://galleria.io offers a nice gallery, which uses jQuery and also
json as input, so it was more or less straightforward to convert
from the json from Instagram to what Galleria.io required.
I used that to get an initial draft to be added to Pelican-Elegant, but as the goal in the project is to remove dependency on jQuery it was discarded.
However, my personal research came part of another website that even not directly from Instagram, takes a good advantage of defining a json of images for showcasing pictures.
While discussing about Galleria, Talha from Pelican-Elegant found two other projects and it was decided that PhotoSwipe provided nice features, mobile usage like pinch-in and pinch-out.
PhotoSwipe required extra steps like creating a
div and using HTML tags for
putting pics (check the official documentation for Pelican-Elegant
One of the main problems was getting image size required (Galleria.io didn’t required it), but when using Instagram pictures we can grab the information from the JSON.
Finally with the help from Talha, we got it also working with Instagram Gallery Embed Instagram Post