A simple image gallery overlay which should work an any blog without needing to change anything else.
The overlay is fullscreen and shows one image at a time. The controlls are:
- Button at the top and bottom to quit, or press
Escape
orq
- Button on the left side
Arrow left
ora
to go to the previous image - Button on the right side
Arrow right
ord
to go to the next image
It also is assumed, that the img_filter
, which can be set at the top of the JavaScript finds all <img>
tags which should be included.
Additionally, each <img>
tag should be contained in a single container. Because this copies the content of the parent to work properly with images that have a <source>
tag.