TLDR: How could you externally link to an image within a slide deck like this one https://storage.neros.fr/Images/. Not just the image url, but the actual image in the slide deck where you could still arrow through the deck.

I am using a web server index for apache called h5ai to provide images and other files in a directory structure for clients. Example: https://storage.neros.fr/Images/

Inspecting the html document, there is a div id=”pv-overlay” that is of class=”hidden”, and when an image is clicked the hidden class is dropped and you get that nice grey background.

Inside that div there is a div id=”pv-container”. When the image is clicked, an img id=”pv-content-img” is generated within this div where the source image is in a ‘slideshow’ that you can click through to other images.

I want to link to this deck in an independent webtool I have that filters through 500k+ images and provides a list of image filenames to the client for download. I’d like to add a feature where you can click the filename and be presented with the actual image prior to downloading. That’s easy enough providing the image URL, but I would like it to be an external link to the h5ai index image slideshow in a new tab where they could click/arrow between images just as if you’ve clicked the image from the h5ai index. The index image contents are very large, so having the client try and find the specific image after just linking to the index is not ideal. How would you link to the image slider deck with the hidden class dropped, and the img id=image url added?