响应式灯箱图片轮播 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,
});
模板目录结构如下:
  • 如非特殊说明,本站对本文提供的代码或者素材不拥有任何权利,其版权归原著者拥有。
  • 以上提供的代码或者素材均为作者提供和网友推荐收集整理而来,仅供学习和研究使用。
  • 如有侵犯你版权的,请来信(邮箱:tongzhewangluo@163.com)指出,核实后,本站将立即改正。
  • 如有链接无法下载、失效或广告,请通过网站提供的微信联系作者!
  • 以上资源售价只是赞助,不代表代码或者素材本身价格。收取费用仅维持本站的服务器开销!
  • 所有代码素材效果均为演示打包,最终效果请参考演示效果,本站不提供任何技术支持和服务。
  • 代码素材均为虚拟物品,演示和描述无错的情况下,无法进行退换服务。