灯箱
尺寸
缩略图导航
点导航
模板
动态灯箱
JavaScript 选项
灯箱
| 选项 | 值 | 默认值 | 描述 |
|---|---|---|---|
animation |
字符串 | slide | 使用的动画效果。（fade, slide, scale） |
autoplay |
布尔值 | 0 | 开始自动播放灯箱。 |
autoplay-interval |
数字 | 0 | 自动播放模式下切换幻灯片的延迟时间。 |
pause-on-hover |
布尔值 | 0 | 鼠标悬停时暂停自动播放模式。 |
video-autoplay |
布尔值，字符串 | false | 灯箱视频自动播放。`inline` 值将自动播放视频，静音且无控制。 |
counter |
布尔值 | false | 显示计数器。 |
nav |
布尔值，字符串 | false | 使用的导航类型。（dotnav, thumbnav） |
slidenav |
布尔值 | true | 显示幻灯片导航。 |
delay-controls |
数字 | 3000 | 控制淡出前的延迟时间（毫秒）。设置为 `0` 将阻止隐藏控制。 |
toggle |
CSS 选择器 | a | 触发灯箱的切换选择器。 |
灯箱面板
| 选项 | 值 | 默认值 | 描述 |
|---|---|---|---|
animation |
字符串 | slide | 使用的动画效果。（slide, fade, scale） |
autoplay |
布尔值 | false | 开始自动播放灯箱。 |
autoplay-interval |
数字 | 7000 | 自动播放模式下切换幻灯片的延迟时间。 |
video-autoplay |
布尔值，字符串 | false | 灯箱视频自动播放。`inline` 值将自动播放视频，静音且无控制。 |
counter |
布尔值 | false | 显示计数器。 |
nav |
布尔值，字符串 | false | 使用的导航类型。（dotnav, thumbnav） |
slidenav |
布尔值 | true | 显示幻灯片导航。 |
velocity |
数字 | 2 | 动画速度（像素/毫秒）。 |
index |
数字 | 0 | 要显示的初始项。（从零开始） |
preload |
数字 | 1 | 要预加载的项目数。（当前活动项的左右两侧） |
items |
数组 | [] | 要显示的项的数组。([{source: 'images/size1.jpg', caption: '900x600'}]) |
template |
字符串 | 模板字符串。 | |
delay-controls |
数字 | 3000 | 控制淡出前的延迟时间（毫秒）。设置为 `0` 将阻止隐藏控制。 |
i18n |
对象 | null | 覆盖默认的翻译文本。 |
i18n
| 键 | 默认值 | 描述 |
|---|---|---|
counter |
%s / %s | 当前幻灯片的计数器指示器。 |
next |
下一张幻灯片 | 下一张幻灯片按钮的 aria-label。 |
previous |
上一张幻灯片 | 上一张幻灯片按钮的 aria-label。 |
slideLabel |
%s / %s | 幻灯片的 aria-label。 |
close |
关闭 | 关闭按钮的 aria-label。 |