这是一款轻量级 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, }); |