How to open pictures in the lightbox in (real) fullscreen?

Hello,

I am building a portfolio website and I have got a few questions about displaying the photographs in enfold. I am looking for a way showing photographs in a full-screen lightbox. The proportions of the photographs I want to display shall not be changed.

When you click on a photograph displayed in a gallery it shall be opened in a lightbox using the whole screen. Opening a photograph in the lightbox which is implemented in enfold will display the photographs still showing the adress bar and the tabs of the browser. I don’t want these to be seen.

Photographs of the format 16:9 shall be seen using the whole size of the screen. The photographs I am using are of the size 1024 x 576 px.
The size of some other pictures is 1024 x 768 px (4:3). Photographs of this size shall be seen using the whole screen but the rest to the left and the right. These parts shall be black when a photograph of this size is opened in the lightbox.
Some other photographs are of the size 576 x 768 (3:4). The parts to the right and left are of course larger and shall also be black when opened in the lightbox.

I know that you can customize the size of the photographs predefined by enfold for example by using the plugin „Simple image sizes“ (https://wordpress.org/plugins/simple-image-sizes/). But that will not change the size of a photograph opened in the lightbox of course.

The „BigScreen.js“ of Brad Dougherty allows to open any element in „full-screen modus“ (https://github.com/bdougherty/BigScreen).
But it does not work like a lightbox where you can navigate through a series of photographs without leaving the „full-screen modus“ (Please correct me if I am wrong.).

I have also found this description in the support forum but it did not work:

https://kriesi.at/support/topic/double-lightbox-problem/

I hope that you understood what I am looking for. Does anyone know if there is a plugin or another way that I could use in order to achieve this?
Best regards!
Fabian