这是一款轻量级 jQuery 灯箱插件,用于显示图片、iframe、视频和其他的 div 内容,它是一个使用 jQuery 和 CSS 制作的简单而灵活的响应式灯箱滑块插件,它创建了一个基本的图片库,当用户点击图片缩略图时就会加载实际图片。该插件为每个元素都提供了类,可使用 CSS 样式进行自定义。此外,您还可以使用下面的高级选项对其进行全面自定义配置。
高级配置选项
以下是创建/自定义 "jQuery 响应式灯箱滑块 "的一些高级配置选项。
| 选项 | 描述、默认、类型 |
|---|---|
| openTrigger&closeTrigger | 这些选项定义灯箱打开/关闭的事件类型。默认值:“单击”,类型:字符串。$('.gallery').featherlightGallery({
openTrigger: 'click',
closeTrigger: 'click',
}); |
| openSpeed &closeSpeed | 定义灯箱打开和关闭的过渡持续时间(以毫秒为单位)。默认值:250,类型:数字。$('.gallery').featherlightGallery({
openSpeed: 250,
closeSpeed: 250,
}); |
| loading | 加载初始内容时显示的内容。默认值:”,类型:字符串。$('.gallery').featherlightGallery({
loading: "",
}); |
| closeOnClick | 决定是否在单击任意位置时关闭灯箱。默认值:“背景”,类型:字符串/布尔值。 false 表示禁用。 $('.gallery').featherlightGallery({
closeOnClick: false,
}); |

















