ModuloBox 介绍
ModuloBox是一个模块化的WordPress Lightbox插件,可让您在弹出窗口中创建响应式幻灯片。以优雅和响应迅速的方式展示您喜欢的媒体。ModuloBox支持图像,HTML5和嵌入的视频(Youtube,Vimeo,Dailymotion和Wisitia),iframe和HTML内容。所有内容类型都可以在同一图库中混合在一起。
在网站上写文章时,难免会需要用到一些比较大尺寸的图片,这个时候为了更好的展示,就需要用到lightbox灯箱效果,但是大部分免费主题都是没有这些功能的,就算是付费主题自带的lightbox功能功能也比较简单,我们只能装插件来解决这个问题,盛龙科技就给大家介绍一款超好用的wordpress灯箱插件-Modulobox。
插件功能
- 全面响应
- 移动友好
- 无限颜色
- SVG图标
- 缩略图支持
- 多点触控手势支持
- 基于物理的动画
- 自动幻灯片支持(带有倒数计时器)
- 全屏支持
- HTML5浏览器历史记录支持
- 浏览器功能控件(滚动条,鼠标滚轮,右键单击防护)
- 非活动状态检测
- 智能调整大小
- 智能加载
- HTML标题(标题和描述)
- Google字体集成
- 键盘和鼠标滚轮支持(导航和缩放)
- RTL布局支持
- HTML5视频(.mp4,.webm,.ogv)
- YouTube,Vimeo,Dailymotion,Wistia
- iFrame(Google地图,PDF阅读器,网站等)
- HTML内容(例如您想要的任何形式)
- 社交共享(Facebook,Google +,Twitter,Pinterest,Linkedin,Reddit,Tumblr,StumbleUpon,Blogger,Buffer,Digg,Evernote)
- Multiple Galleries support
- 兼容WordPress single image and Gallery Shortcode
- 兼容Jetpack galleries
- 兼容NextGen galleries
- 兼容Envira galleries plugin
- 兼容Woocommerce product galleries (on single product page)
- 兼容Visual Composer plugin
- 兼容The Grid plugin
- 兼容Justified Image Grid plugin
- 兼容Essential Grid plugin
- 与Google Chrome,FireFox,Safari,Opera,IE Edge和IE10兼容
- 包括一个自定义的合理画廊,以取代本地WordPress画廊短代码
- 导入/导出设置
- 多站点支持
- 自动检测视频和图像格式
单张图片的Lightbox效果
安装并激活Modulobox后,便可以使用灯箱效果了,指定图片开启非常简单,只需要在图片中设置开启Modal image,并将其链接到媒体文件即可开启
其lightbox界面非常的简洁,如下图是一个单张图片的灯箱效果,可以看到右上角的分别是全屏、放大、下载、分享、关闭功能,当然你点击其他的地区空白区域也可以关闭灯箱效果。还有它非常好的一点就是不会把没有关联的图片在同一个lightbox中展示,单张图片也可以
如果有不需要的功能,可以在Modulobox后台随时去掉对应的图标,比如我把下载和全屏的按钮去掉,直接将图标拖放到下边的格子里就行了,也可以排列顺序。
相册Lightbox效果
Modulobox也提供了相册的lightbox效果,其设置方法和单张图片是一样的
可以看出多了几个功能,缩略图、导航箭头、右上角的播放按钮,并且在相册中支持滑动切换。这时候我们就可以知道Modulobox是根据灯箱的类型展示对应的图标的,不会有多余的功能。
同样,导航箭头和缩略图也是支持在Modulobox后台关闭的,可见定制的区域非常多
自定义控制
几乎可以这样说,在Modulobox插件中几乎可以定制lightbox中所有的操作
手势控制
Modulobox为移动端用户提供了非常方便的手势控制,比如双手扩张放大、捏合关闭、点击关闭等操作,在后台可以轻松的开启或关闭这些效果
键盘控制
键盘有2个主要功能,前后箭头切换图片、esc关闭灯箱效果
滚轮控制
滚轮有三种选择,滑动切换、滑动放大、滑动关闭,只能选择一个选项
图片自动添加灯箱效果
可以通过绑定特定的CSS选择器,自动添加Lightbox效果
制定说明
为了防止有人不会用,Modulobox设置了说明标签,用户只需要鼠标悬浮就能看到说明,而站长就可以自己定制这些说明
相信这些效果已经满足够我们使用了,可能只是需要一个很小的功能,但是Modulobox做的足够优秀,如果你在寻找一款Lightbox灯箱插件,那么它绝对是你的选择。
免责声明: 本网站所发布的一切资源均来自于会员发布以及互联网收集,不代表本站立场,仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则一切后果请用户自负;依据WordPress GPL开源许可协议分享,如有侵犯到您的权益,请联系我们。