极简图片灯箱插件,JS只有2K大小
yuanjing3c 2023-4-9

这个JS基于JQ的,其实也不用做成插件,

随意建立一个thread_js.htm文件放到使用的插件中,或者在它的thread_js.htm插入以下代码就可以了

 

<script>
$(".message img").on("click",function (){
window.ViewImage && ViewImage.init('.message img');
});
</script>
<script src="//tokinx.github.io/ViewImage/view-image.min.js"></script>

.message img这个.message是轻红3.0贴子的CLASS,替换成你自己主题的对应class就可以了,img是对应可以图片的标签。不同主题自己看着办,反正意思是在class=message的DIV中,只要使用了<img>的标签都会触发点击可以弹出灯箱

 

附个效果

WEB

手机

JS作者:https://tokinx.github.io/ViewImage/

 

最后于 2023-4-10 被浅唱编辑 ,原因:
上传的附件:
最新回复 (35)
全部楼主
  • adnim
    2023-4-9 2
    0
    不错的帖子!
  • 驴仔阿
    2023-4-10 3
    0
    哈哈,不错哦!
  • lin2053
    2023-4-10 4
    0
    楼主,我只是来混个熟的!老板,侬亿雷凑闹嫩了!
  • Once
    2023-4-12 5
    0
    感谢楼主ing!!!
  • 青慕
    2023-4-12 6
    0
    style="background-image: url("upload/attach/202304/123456.png");"
    这样的背景图怎么改造成灯箱?求指教!
  • yuanjing3c 楼主
    2023-4-12 7
    0
    青慕 style="background-image: url("upload/attach/202304/123456.png");" 这样的背景图怎么改造成灯箱 ...
    他自动识别图片URL的,你只需要引用图片的标签就行
  • oliolo 版主
    2023-4-13 8
    0
    不错
  • 青慕
    2023-4-13 9
    0
    yuanjing3c 他自动识别图片URL的,你只需要引用图片的标签就行
    它只能识别<img src="123456.png">标签,<div style="background-image: url("upload/attach/202304/123456.png");"></div>这样的该怎么识别?
  • lin2053
    2023-4-13 10
    0
    感谢楼主ing!!!
  • sgujag
    2023-4-14 11
    0
    顶顶顶顶顶顶顶!!!
  • oliolo 版主
    2023-4-15 12
    0
    青慕 它只能识别标签,这样的该怎么识别?
    你这需求有点特别,背景没有这么搞的。
  • 美剧虫小跟班
    2023-4-19 13
    0
    祝xiunobbs论坛越办越好!!!
  • Lussxin
    2023-4-25 14
    0
    楼主,我只是来混个熟的!老板,侬亿雷凑闹嫩了!
  • 小泽天下
    2023-4-30 15
    0
    哈哈,不错哦!
  • sgujag
    2023-5-2 16
    0
    你就是我心中的那首忐忑,总是让我惊心动魄。 
  • AllenPunch
    2023-5-21 17
    0
    哈哈,不错哦!
  • AllenPunch
    2023-5-21 18
    0
    祝xiunobbs论坛越办越好!!!
  • AllenPunch
    2023-5-22 19
    0
    非常棒!!!
  • huaxibo123
    2023-5-29 20
    0
    不错
返回
yuanjing3c
一级用户组
2
主题数
46
帖子数
扫码访问