Lightbox图形

1 概述

Quarto 使用 GLightbox javascript library 为图片提供灯箱功能。点击下面图片可以看到效果 :

alessandro-bianchi

alessandro-bianchi

hush-naidoo-jade

hush-naidoo-jade

joshua-melo-pe

joshua-melo-pe

2 启用 Lightbox

使用 YAML 设置为文档中的所有图片启用 Lightbox :

---
lightbox: true
---

不过 Lightbox 只会用于块级图片, 内联的图片没有效果 :

3 特定图片

可以不全局启用 Lightbox, 仅在特定图片启用 Lightbox :

如果禁用了全局 Ligtbox, 特定图片的也无效 :

4 图库

启用了 Lightbox 后, 可以将图像分组 group 。 无需返回主文档即可浏览同组中的所有图片 :

5 选项

参数 match 设置成 auto 则自动为图片启用 Lightbox, 否则每个图片都必须单独设置 {.lightbox}

可以利用 effect 设置图片消失时的动画效果 :

可以利用 desc-position 将图片的描述放到指定的位置 :

如果将多个照片构建成图库了, 还可以利用 loop 设置循环播放 :

6 代码块中启用

Lightbox 可以应用在代码块生成的图像 :

```{r}
#| label: fig-lightbox
#| fig-cap: 带有 lightbox 功能
#| lightbox: true

plot(1:10, rnorm(10))
```

尤其当一个代码块生成了多个子图, 启用 Lightbox 可以放大子图查看细节 :

7 链接