Comments (2)
I am afraid that I can't implement this. Since only-light and only-dark feature is implemented by CSS selector, and glightbox doesn't support dynamically add or remove images from slide.
If this lightbox effect affects your dynamic image based on the theme, you can add the class off-glb
to images to disable them with the lightbox effect but keep others with it. The demo and details are both on documents.
from mkdocs-glightbox.
I have also found this problem and I'm surprised that I found a solution for that, right in the document https://blueswen.github.io/mkdocs-glightbox/gallery/gallery/
So instead of
![Image title](https://dummyimage.com/600x400/f5f5f5/aaaaaa#only-light)
![Image title](https://dummyimage.com/600x400/21222c/d5d7e2#only-dark)
...
![Image title](https://dummyimage.com/600x400/f5f5f5/aaaaaa#only-light)
![Image title](https://dummyimage.com/600x400/21222c/d5d7e2#only-dark)
Add the data-gallery
attribute
![Image title](https://dummyimage.com/600x400/f5f5f5/aaaaaa#only-light){data-gallery="light"}
![Image title](https://dummyimage.com/600x400/21222c/d5d7e2#only-dark){data-gallery="dark"}
...
![Image title](https://dummyimage.com/600x400/f5f5f5/aaaaaa#only-light){data-gallery="light"}
![Image title](https://dummyimage.com/600x400/21222c/d5d7e2#only-dark){data-gallery="dark"}
or any name to separate them into different galleries (in here I use light
and dark
.
So when you are in light mode, only the images with the attribute data-gallery="light"
are displayed in the lightbox and vice versa.
This works perfectly!
from mkdocs-glightbox.
Related Issues (20)
- Responsive image support HOT 1
- Global width is ignored
- Search bar disappears after adding glightbox as plugin HOT 2
- This version broke my MKDocs from Obsidian HOT 5
- Error reading page HOT 3
- large image zoom is faulty since 0.3.0 HOT 4
- Add support for mermaid js diagrams HOT 3
- `glightbox-mkdocs` plugin does not work with `mkdocs-multirepo-plugin` HOT 2
- Enable glightbox don't have search HOT 2
- Conflict with the privacy plugin of Material theme HOT 1
- [Feature Request] Support transparency HOT 6
- Ignore neoteroi-mkdocs elements HOT 2
- Zoom doesn't work with svg HOT 3
- Social Share? HOT 1
- Force captions in lightbox to always be white on black HOT 5
- Using glightbox stops the default search box appearing HOT 2
- Is it possible to define inline elements?
- glightbox is breaking if the privacy plugin is set. HOT 1
- Is it possible to make a glightbox inside itself ?
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from mkdocs-glightbox.