子比主题文章图片灯箱功能详解

子比主题自带强大的图片的灯箱功能,点击文章内的图片将自动打开图片的原图,即图片灯箱功能!

主题的灯箱功能分为两种模式:单图放大模式、画廊幻灯片模式

解释一下这两种模式: 单图放大模式 也就是点击图片弹出此图片的原图,再次点击关闭。 画廊幻灯片模式 是由多张图片为一个组合,点击任意一张图则弹出这些图的幻灯片灯箱,可以切换上一张、下一张

功能介绍

此功能采用全自动图片识别,且支持全局动态加载。解释一下:当你在未点击图片时候,页面不会加载此功能的任何文件,当你点击图片之后,自动添加JS文件->创建灯箱->弹出灯箱->最后再动态加载原图,这样的流程全程不到0.5秒,但可极大的优化文章打开的速度,图片越多越明显!另外,即使文章内使用的是缩略图,灯箱也会自动搜索原图并显示,真正实现查看原图的功能,而不仅仅是图片放大而已。

另外两种模式的功能区别

单图放大模式:点击弹出、再次点击关闭、支持下滑关闭

画廊幻灯片模式:点击弹出、再次点击空白处关闭、支持双击缩放、双指缩放、键盘左右切换、下滑关闭

评论的图片算不上画廊,所以评论图片仅支持 单图放大模式

使用方法

主题默认开启此功能,设置位置:主题设置-文章页功能-文章功能-图片灯箱

单图放大模式使用就不说了,默认即可

使用 画廊幻灯片模式 仅需在编辑图片时候将图片链接到媒体文件即可,提醒:古腾堡自带的图片块不支持设置图片链接到,使用画廊块即可

同时 画廊幻灯片模式 还支持直接填入图片链接打开灯箱,点击下方按钮体验

最后我们随意加几张图片,方便大家体验

© 版权声明
THE END
文章不错?点个赞呗
点赞10赞赏
分享
评论 抢沙发

请登录后发表评论