Make Lightbox revealjs aware so slides do not change along the Lightbox images

[cderv]

Discussed in https://github.com/orgs/quarto-dev/discussions/14830

^{Originally posted by stefaniecg August 30, 2026}

Description

Hi, I want to build a presentation which has a slide with Lightbox figures.
My problem is that when i open the Lightbox figures the slides also change along.

How can i use Lightbox with revealjs such that the slides do not change along the Lightbox?

---
title: "My presentation"
format: revealjs
lightbox: true
---

# first slide
with 1st text

# slide with images

::: {layout-ncol=3}

![](https://quarto.org/docs/authoring/images/html-figure.png){group="my-gallery"}

![](https://quarto.org/docs/presentations/revealjs/demo/mini/images/kitten-450-200.jpeg){group="my-gallery"}

![](https://quarto.org/docs/presentations/revealjs/demo/mini/images/kitten-375-300.jpeg){group="my-gallery"}

:::

# second slide
2nd text

# final slide
final text
```</div>

[cderv]

Current workaround https://github.com/orgs/quarto-dev/discussions/14830#discussioncomment-18209255

<script>
  document.addEventListener('DOMContentLoaded', () => {
    lightboxQuarto.on('open',  () => Reveal.configure({ keyboard: false }));
    lightboxQuarto.on('close', () => Reveal.configure({ keyboard: true  }));
  });
</script>

as an include-after-body so it runs after the generated lightbox script has defined lightboxQuarto.