Excluding Images from Lightbox
-
Hi Armin,
is there a possibility to exclude images from Lightbox? Let's say I have 6 images in a project. 3 of them are animated gifs and three are jpegs. Now I only want the jpegs to be part of the Lightbox. I tried "pointer-events: none;" but then none of the pictures in any project could be clicked on anymore.
Thank you!
Roel
-
Hey Roel!
Good idea, right now thats not possible but im adding that to my list for the lightbox addon -
Awesome! That would be great.
Is it it somehow possible to limit the size of an image in lightbox? Like for example 1 out of 4 images has a pretty low resolution and i want it to be limited to its actual size. I tried max-width but that only worked in the lay theme. lightbox seems to overwrite that command.
-
nah theres no possibility to do that right now :/
-
Hey! I just had an idea about how to exclude images from the lightbox.
You can add a class to an image using the class button in the gridder when you hover over that image. Like here in "Create a button style": http://laytheme.com/documentation.html#custom-css-styling
Let's say you add a class of: "exclude"Then in "lay options" -> "custom css" you can use this css:
.exclude{ pointer-events: none; } -
Hey! I just had an idea about how to exclude images from the lightbox.
You can add a class to an image using the class button in the gridder when you hover over that image. Like here in "Create a button style": http://laytheme.com/documentation.html#custom-css-styling
Let's say you add a class of: "exclude"Then in "lay options" -> "custom css" you can use this css:
.exclude{ pointer-events: none; }@arminunruh this was working for me before but doesn't seem to be working after updating my site / lightbox -- any advice?
-
please use this:
.exclude img{ pointer-events: none; }