0

图片灯箱最新教程

xinyu
2024-12-31 98

前言

图片灯箱 使用的是 fancybox 方法

把这个 代码放在 文件夹 网站根目录>view>htm>header.inc.htm 文件夹下  看下图

 

 

然后复制下面这个代码 我是放在目录 网站根目录>view>htm>footer.inc.htm 下面

<script>
	$(".message img").each(function() {
		var currentImage = $(this);
		currentImage.wrap("<a href='" + currentImage.attr("src") + "' data-fancybox='lightbox' data-caption='" + currentImage.attr("alt") + "'></a>");
	});
</script>
JavaScript

 

你可以选择放在你认为合适的位置 看图

 

放完之后就ok了

结束

保存,强刷网页,没有效果清除tmp目录缓存,在刷新网页就可以使用了,代码99%不用改动。我看大多数图片都是在.message下面 over over

 

2023.7.18—bug 

如果使用表情包的话 表情包也会被当作图片,可以点击。如果你不嫌弃,就不用改了!

解决办法

如果你越看越麻烦,就这样改!

找到之前放代码的地方 把 message 改成 card-thread 看图

 

本站申明 1、本论坛一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请投诉举报
2、本论坛的资源部分来源于网络,如有侵权,请 私信联系站长进行删除处理。
3、不得发布和链接任何有关政治, 色情, 宗教, 迷信.低俗、变态、血腥、暴力以及危害国家安全.诋毁政府形象等违法言论和信息的帖子.
4、本帖图片及内容纯属发布用户个人意见,与本站无关!
4,本帖如为原创资源/教程分享帖,则本站与发布用户共同享有内容版权!
6,本站管理有权在不经发布者同意的情况下,根据版规及相关法律法规删除/修改本帖!
7,如无特别说明,任何个人或者组织不得转载本帖内容!任何个人或团体不得将本站资源用于非法用途!
8,未尽事宜最终解释权归本站(小白网)所有!

最新回复 (0)

    暂无评论

    • Xiuno论坛
      2
返回
来发布一条评论吧~点击关闭评论框