Making image larger on click

[Alternativeheat]

Description

Hi,

I am currently working on my personal portfolio website. I have a page with my photographs arranged in 3 rows. What I would like to have is a button(or anything similar) for each image, which on click zooms the image to full screen (or at least make it bigger).

---
title: "Photography"

---

::: {.column-page-inset}

::: {layout-nrow=3 layout-valign="center" }

![Photo 1](/assets/img/photo1.png)
![Photo 2](/assets/img/photo2.png)
![Photo 3](/assets/img/photo3.png)
![Photo 4](/assets/img/photo4.png)
![Photo 5](/assets/img/photo5.png)
![Photo 6](/assets/img/photo6.png)
:::

:::

How can I do so? Thanks for your help!

[mcanouil]

See lightbox in the documentation.

Also see #5972 (comment)