主题:lightgallery 参数
一、介绍lightgallery
lightgallery是一个基于jQuery的响应式全屏图库插件,可用于展示图片和视瓶。它具有丰富的参数配置,可以根据需求进行自定义设置,以实现个性化的展示效果。
二、lightgallery的参数介绍
1. mode
mode参数用于指定lightgallery的展示模式,可选值包括slide、fade、zoom-in、swipe、tg-partial、lg-zoom-in-out以及lg-rotate。
例如:mode: 'slide',表示以滑动模式展示图片。
2. speed
speed参数用于设置切换图片或视瓶时的动画速度,单位为毫秒。
例如:speed: 500,表示切换速度为500毫秒。
3. thumbn本人l
thumbn本人l参数用于配置是否显示缩略图导航,以及缩略图的大小和位置。
例如:thumbn本人l: true,表示显示缩略图导航。
4. autoplay
autoplay参数用于设置轮播播放图片或视瓶的间隔时间,单位为毫秒。
例如:autoplay: true, autoplayControls: false, pause: 3000,表示开启自动播放,同时隐藏轮播控制按钮,间隔时间为3000毫秒。
5. counter
counter参数用于配置是否显示图片或视瓶的计数器,以及计数器的样式。
例如: counter: true, appendSubHtmlTo: '.lg-item', subHtmlSelectorRelative: true,表示
显示计数器,并将其添加到.lg-item中。
6. download
download参数用于配置下载按钮的显示与隐藏。
例如:download: true,表示显示下载按钮。
7. videoMaxWidth
videoMaxWidth参数用于设置视瓶的最大宽度。
例如:videoMaxWidth: '855px',表示视瓶的最大宽度为855像素。
8. plugins
plugins参数用于加载lightgallery的插件,如zoom、thumbn本人l、share、autoplay等。
例如:plugins: ['thumbn本人l', 'share', 'autoplay'],表示加载缩略图、共享和自动播放插件。
9. addClass
addClass参数用于额外添加CSS样式类。
例如:addClass: 'lg-customClass',表示添加自定义样式类lg-customClass。
10. counter
counter参数用于配置是否显示图片或视瓶的计数器,以及计数器的样式。
例如: counter: true, appendSubHtmlTo: '.lg-item', subHtmlSelectorRelative: true,表示显示计数器,并将其添加到.lg-item中。
11. videoMaxWidth
videoMaxWidth参数用于设置视瓶的最大宽度。
例如:videoMaxWidth: '855px',表示视瓶的最大宽度为855像素。
12. plugins
plugins参数用于加载lightgallery的插件,如zoom、thumbn本人l、share、autoplay等。
例如:plugins: ['thumbn本人l', 'share', 'autoplay'],表示加载缩略图、共享和自动播放插件。
13. addClass
addClass参数用于额外添加CSS样式类。
例如:addClass: 'lg-customClass',表示添加自定义样式类lg-customClass。
14. download
download参数用于配置下载按钮的显示与隐藏。
例如:download: true,表示显示下载按钮。
15. videoMaxWidth
videoMaxWidth参数用于设置视瓶的最大宽度。
例如:videoMaxWidth: '855px',表示视瓶的最大宽度为855像素。
16. plugins
plugins参数用于加载lightgallery的插件,如zoom、thumbn本人l、share、autoplay等。
例如:plugins: ['thumbn本人l', 'share', 'autoplay'],表示加载缩略图、共享和自动播放插件。
17. addClass
addClass参数用于额外添加CSS样式类。
例如:addClass: 'lg-customClass',表示添加自定义样式类lg-customClass。
18. download
download参数用于配置下载按钮的显示与隐藏。
例如:download: true,表示显示下载按钮。
19. videoMaxWidth
videoMaxWidth参数用于设置视瓶的最大宽度。
例如:videoMaxWidth: '855px',表示视瓶的最大宽度为855像素。
20. plugins
html如何设置图片滚动 plugins参数用于加载lightgallery的插件,如zoom、thumbn本人l、share、autoplay等。
例如:plugins: ['thumbn本人l', 'share', 'autoplay'],表示加载缩略图、共享和自动播放插件。
21. addClass
addClass参数用于额外添加CSS样式类。
例如:addClass: 'lg-customClass',表示添加自定义样式类lg-customClass。
22. download
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论