适用于Typecho，DIscuz，WordPress等的简易图片灯箱

技术1年前 (2022)更新不存在的铃喵

演示页面与官网

Modern HTML5 Image Gallery Spotlight

简单强大的图片灯箱程序，网页最容易集成 lightbox 库。超轻量级，卓越的性能，无依赖。

使用方法

将代码插入到或
也可以在主题head.php或footer.php中插入

<script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/gh/xiaoyanu/[email protected]/more/dengxiang.js"></script>
<script type="text/javascript">
jQuery(function($){$("img[src$=jpg],img[src$=gif],img[src$=png],img[src$=jpeg],img[src$=bmp]").addClass("spotlight").each(function(){this.onclick=function(){return hs.expand(this)}});})
</script>

DIscuzPC端代码

到底匹配img标签样式id

<script type="text/javascript">
jQuery(function($){$('img[id^=aimg_]').addClass("spotlight").each(function(){this.onclick=function(){return hs.expand(this)}});})
</script>

DIscuz手机端代码

匹配Class样式类下的img标签

<script type="text/javascript">
jQuery(function($){$(".message img").addClass("spotlight").each(function(){this.onclick=function(){return hs.expand(this)}});})
</script>

资源下载

免费资源

度娘网盘点击下载提取码: ac86复制

# 技术