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

技术2年前 (2022)更新 不存在的铃喵
167 0 0

演示页面与官网

使用方法

将代码插入到或
也可以在主题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复制
© 版权声明

相关文章

暂无评论

您必须登录才能参与评论!
立即登录
暂无评论...