灯箱图片(till_lightbox)【首发】
Tillreetree 2021-11-13

插件介绍

美观、优雅的展示图片。

“灯箱”的意思是:点击帖子内的小图后,会弹出大图,供用户欣赏。

特点

  • 使用了Lightbox.js,轻量级JS与CSS。
  • 内置微调过的CSS,更美观。(若想修改,请打开hook/footer_end.htm
  • 发帖时直接粘贴图片,即可自动生成灯箱。
  • 无需额外设置。

截图展示

↑点击图片后的样子。

下载

见附件。只提供最新版。

已知问题

和“外站链接跳转(ccreed_uri_redirect)”插件有冲突,因为“外站链接跳转”插件使用JS实现该功能,而JS里的选择器选择了所有的链接,导致问题发生。

解决方法:

打开ccreed_uri_redirect/hook/thread_js.htm文件,编辑第二行。

将“.container a”替换成“.container a:not([data-lightbox]”即可。

和“图片延迟”插件有冲突。

版本历史

1.0.1

去除兼容lazyload,应该可以直接显示图片。

1.0

首次发布。

最后于 2021-12-31 被Tillreetree编辑 ,原因: 更新版本
上传的附件:
最新回复 (68)
全部楼主
  • 修罗学院 版主
    2021-11-13 2
    0
    不好使用啊
  • Tillreetree 版主 楼主
    2021-11-13 3
    0
    88 不好使用啊
    请详细说明?
  • 修罗学院 版主
    2021-11-13 4
    0
    Tillreetree 请详细说明?
    安装就不显示原本的所有图片了,是不是冲突也不清楚,所以,暂时决定先不使用咯,
  • Tillreetree 版主 楼主
    2021-11-14 5
    0
    88 安装就不显示原本的所有图片了,是不是冲突也不清楚,所以,暂时决定先不使用咯,
    请更新版本
  • 大佬
    2021-11-14 6
    0
    安装好就不显示所有图片啊 你能把你的演示站  发来看看吗
    代码如下   <p><a date="isimglink" href="upload/attach/202111/1_REDZ9RKXGY2TREP.jpg" data-lightbox><img class="img-thumbnail" data-src="upload/attach/202111/1_REDZ9RKXGY2TREP.jpg" /></a></p>  你看看有问题哈
  • Tillreetree 版主 楼主
    2021-11-14 7
    0
    大佬 安装好就不显示所有图片啊 你能把你的演示站 发来看看吗 代码如下 你看看有问题哈
    我重新上传了一遍,这次应该可以用了
  • 大佬
    2021-11-14 8
    0
    Tillreetree 我重新上传了一遍,这次应该可以用了
    新的这个可以了   
  • dysnyl
    2021-11-14 9
    0
    这东西好啊!!点图片总是放不大
  • xuange
    2021-11-15 10
    0
    www.xmybbs.com,装了该插件,所有图标下面都会显示外链的图标,但是用的文章中所写的冲突插件,求给一个解决办法
  • Tillreetree 版主 楼主
    2021-11-15 11
    1
    xuange www.xmybbs.com,装了该插件,所有图标下面都会显示外链的图标,但是用的文章中所写的冲突插件,求给一个解决办法
    在主题的CSS文件里添加:
    .card-thread .message p>a[data-lightbox]::after {display: none;}
  • 浅唱 站长
    2021-11-15 12
    0
    感谢分享
  • xuange
    2021-11-15 13
    0
    Tillreetree 在主题的CSS文件里添加: .card-thread .message p>a[data-lightbox]::after {display: none;}
    感谢作者,完美解决!!!
  • xuange
    2021-11-15 14
    0
    小建议:做一个滚轮放大缩小功能,有些图片会占满整个屏幕,导致显示不完整
  • sam
    2021-11-18 15
    0
    感谢楼主ing!!!
  • xuange
    2021-11-19 16
    0
    Tillreetree 在主题的CSS文件里添加: .card-thread .message p>a[data-lightbox]::after {display: none;}
    今天发现,用了这个插件,但是编辑器改变图片展示尺寸大小就没用了,用的是大白tinyMCE
  • 修罗学院 版主
    2021-11-19 17
    0
  • linaxin
    2021-11-23 18
    0
  • feichang6
    2021-11-24 19
    0
    楼主,我只是来混个熟的!老板,侬亿雷凑闹嫩了!
  • 1000
    2021-11-29 20
    0
    顶顶顶顶顶顶顶!!!
返回