xiuno图片灯箱,适用于任何主题(cf_fancybox) 3P 1F
CF
管理员组 管理员组
2021-12-19 16:43
楼主

本插件基于fancybox开发,在帖子页面(thread)和用户页面(user)自动加载。

当页面中有图片时,打开图片自动使用灯箱效果。

(本站同款插件)

自动判断过滤引用评论中的头像图片,只显示帖子内容中的图片。

image.webp

image.webp

image.webp

 

最后于 2023-07-12 13:54 被CF编辑 ,原因:
上传的附件:
找不到工作/(ㄒoㄒ)/~~

 收藏 分享
最新回复 (5)
  • CF
    管理员组
    2021-12-19 16:43
    沙发

    感谢:图片灯箱2023.7.8最新教程 - 教程 - Xiuno BBS开源程序交流论坛

    最后于 2023-07-12 13:57 被CF编辑 ,原因:
    找不到工作/(ㄒoㄒ)/~~
  • user
    一级用户组
    2023-11-07 17:20
    板凳

    刚换上,会把表情也加入灯箱

  • CF
    管理员组
    2023-11-07 18:46
    地板
    user 刚换上,会把表情也加入灯箱

    因为你的表情都是图片形式吧,可以把表情都加上特定的标签,然后过滤掉

    找不到工作/(ㄒoㄒ)/~~
  • user
    一级用户组
    2023-11-07 21:54
    4楼
    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>
  • CF
    管理员组
    2023-11-07 22:42
    5楼
    user 我直接用过滤图片路径的方式了,不仅可以过滤表情,还可以过滤其它如认证标志,等级标志之类的,直接过滤全部插件目录,另外加了一个点击图片外关闭灯箱: &lt;script&gt; $( ...

    牛逼

    找不到工作/(ㄒoㄒ)/~~
  • 游客
    6楼
    登录 后参与评论
返回
CF
管理员组
主题数
帖子数
精华数