Connect Image Blocks for Continuous Lightbox Navigation

Hi,

On my site I design each page using individual image blocks so that I can create the layout that best presents my work. I really don't like the way that the gallery pages or other options work, they just throw everything in with equal prominence. The problem is that there's no built-in navigation between image blocks once you've clicked on an image to bring up the lightbox.

I'd like to know if there is a way to connect all of the image boxes on a page so that you can navigate from image to image without leaving the lightbox, by using the arrow keys. I'm not terribly fussed whether or not there are bullet points at the bottom to indicate the number of images, and I don't care for arrow buttons because I prefer to click off an image to close the lightbox as is the default.

My site is  Capio Photographie in case you'd like to see how I've built my pages. They're all done the same way.

Thanks in advance for any advice or code

Have you solved this yet? If not, I can take a look. 😅

You can use Lightbox Plugin to achieve this.

Suppose Page A is the current page on which you are placing the images.

The idea here is

• You create a page in Not Linked Navigation (We will call it Page B) > Add All images which you want to show in lightbox
• Edit all images in Page A >> Insert Page B Url.
• When clicking images on Page A >> Page B will appear in lightbox