Lightbox-Bilder größer als Original

[Layer]

Re: Lightbox

Hallo, wie schaut es mit der Weiterentwicklung der Lighbox bezüglich der o.g. Funktion aus? Oder welche andere Möglichkeit gibt es, dass kleine Bilder in der Lightbox nicht vergrößert dargestellt werden?

VG

[mariusjopen]

Dear @Layer
there is not really a progress yet. I will write it down for the future.

Best!

Marius

[Layer]

Hello Marius,

I am trying to do this with giving an image a class and write a custom css like:

.newclass .lightbox-image-holder img {
height: initial !important;
width: initial !important;
}

Well, it does not work. ^^

Any ideas to solve this by writing custom css?

Best.

[mariusjopen]

Dear @Layer

try to add this to your CUSTOM CSS code:

#lightbox-inner .lazyloaded {
    width: initial !important;
    height: initial !important;
}

Best!

Marius

[Layer]

Hello Marius,

this works. But unfortunately the function "Lightbox Addon > Space Around Image" does not work anymore. The height of big pictures is then the browser hight. If you have an idea to combine that let me know.

Best.

[mariusjopen]

Dear @Layer
you could try to use max-height and max-width.

Hope that gets you in the right direction.

Best!

Marius

[Layer]

Hello Marius,

nope, does not work.

Best.

[mariusjopen]

Dear @Layer
have a look here:

#lightbox-inner .lazyloaded {
    width: initial !important;
    height: initial !important;
    
    max-height: 100vh;
    max-width: 100vw;
}

Best!

Marius