本插件基于fancybox开发,在帖子页面(thread)和用户页面(user)自动加载。
当页面中有图片时,打开图片自动使用灯箱效果。
(本站同款插件)
自动判断过滤引用评论中的头像图片,只显示帖子内容中的图片。
1、下载插件文件后,请先解压为文件夹,再上传到网站plugin目录,然后给插件文件夹下的conf.json赋予写权限,最后在Xiuno后台找到插件进行安装; 2、请各位站长注意网络安全,请不要将插件的压缩包上传到网站plugin目录再进行解压,以免泄露插件压缩包; 3、本版块发布的插件均经过站长测试,但每个站长的建站环境各不相同,如果您在安装插件后遇到插件不可用的问题,请尝试与插件作者进行联系;
感谢:图片灯箱2023.7.8最新教程 - 教程 - Xiuno BBS开源程序交流论坛
刚换上,会把表情也加入灯箱
user 刚换上,会把表情也加入灯箱
因为你的表情都是图片形式吧,可以把表情都加上特定的标签,然后过滤掉
CF 因为你的表情都是图片形式吧,可以把表情都加上特定的标签,然后过滤掉
我直接用过滤图片路径的方式了,不仅可以过滤表情,还可以过滤其它如认证标志,等级标志之类的,直接过滤全部插件目录,另外加了一个点击图片外关闭灯箱:
<script> $('[data-fancybox="lightbox"]').fancybox({ clickOutside: "close", clickSlide: "close", }); </script> <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css"> <script src="https://cdn.bootcdn.net/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js"></script> <script> $(".row .message img").each(function() { var currentImage = $(this); var imagePath = currentImage.attr("src"); if (imagePath.indexOf('/plugin/') === -1) { if (currentImage[0].className !== "avatar-1") { currentImage.wrap("<a href='" + imagePath + "' data-fancybox='lightbox' data-caption='" + currentImage.attr("alt") + "'></a>"); } } }); </script>
user 我直接用过滤图片路径的方式了,不仅可以过滤表情,还可以过滤其它如认证标志,等级标志之类的,直接过滤全部插件目录,另外加了一个点击图片外关闭灯箱: <script> $( ...
牛逼
版块
人生倒计时
~扫~码~领~红~包~
1、下载插件文件后,请先解压为文件夹,再上传到网站plugin目录,然后给插件文件夹下的conf.json赋予写权限,最后在Xiuno后台找到插件进行安装;
2、请各位站长注意网络安全,请不要将插件的压缩包上传到网站plugin目录再进行解压,以免泄露插件压缩包;
3、本版块发布的插件均经过站长测试,但每个站长的建站环境各不相同,如果您在安装插件后遇到插件不可用的问题,请尝试与插件作者进行联系;