lightgallery and Admonition

[foxdie987]

I have some pictures that I want to hide by default, to avoid spoiler or something horrific, and should warn viewers first.
It should be hidden until the user click on Admonitions to reveal them.

{{< image src="/images/pic.png" caption=" " linked=true >}} => can be supported by Lightgallery.js, but cannot be used in Admonition, so I have no choice but to use the basic ![pic.jpg](./images/pic.jpg) which doesn't seem to work with Lightgallery.js (user can't click on the picture to go to gallery mode)

Example of folded pictures

So the question is, can we somehow make lightgalery and picture in Admonition work together?

[HEIGE-PCloud]

Cannot reproduce, the lightgallary should work just fine with admonition.

I think your problem here is that the link to your image is not correct. Maybe double check the file path for your images...

[foxdie987]

I forgot to reply here 😀 please check my answer below.

[foxdie987]

Thank you, I check file path but it's correct and images are showing just fine.

I figured it out, I went back and check the document at https://hugodoit.pages.dev/basic-markdown-syntax/, and realized that:
![Alt text](https://octodex.github.com/images/stormtroopocat.jpg "The Stormtroopocat") => recognized by LightGallery by adding a caption.
![Minion](https://octodex.github.com/images/minion.png) => it won't be parsed by LightGallery without caption I think.

As for now, the issue went away if I add a caption to images.

{{< admonition type=abstract title="Click to fold" open=false >}}
![alt text](./images/path to picture  "caption text")
{{< /admonition >}}

So lightgalery and picture in Admonition works okay though.