响应式灯箱图片轮播 jQuery 插件

    这是一款轻量级 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,
});
模板目录结构如下: