Navigation arrows in gallery when image is enlarged

Hello,

I need to create my photo gallery.
I would like my photos not to be too big and that once you have clicked on a photo and it has enlarged the visitor can continue to look at the other photos in large by clicking on right and left arrows.
When I create a Gallery section I can reduce the size of the images and that suits me, on the other hand I do not have an arrow, I have to click next to the photo for it to reduce and click on the next photo to enlarge it, it is annoying.
If instead I create an Images section, I have the arrows when I click on an image and I can continue to view the photos in large if I wish. On the other hand I do not really have control over the size of the photos, even if I can reduce them a little by playing on the spaces and the number of photos per line, it does not suit me because they remain too big for me.

How can I have the size of photos I want while having navigation arrows?
The ideal for me would be to create a Gallery section in order to have the size of photos I want but to be able to add arrows in this section.

Thank you very much.

Have a look at this plugin that gives you far more control over the gallery lightbox:

Pinch-to-Zoom Gallery Lightbox Plugin (Referral link)

Thank you, but I'd rather prefer if there is a solution that doesn't cost $45.

2 hours ago, TitiPraha said:

Thank you, but I'd rather prefer if there is a solution that doesn't cost $45.

From what I can see, you are looking a connected lightbox for your invidiual images, creating a seamless lightbox gallery, this is doable with Lightbox Studio.

Take this page for reference: the grid is made of Image blocks in Fluid Engine section

But since you are looking for free alternative, I think this tutorial will help: you used lightbox enabled gallery grid layout and custom css to create a custom grid with different sizes

Thank you.