WordPress纯代码实现图片灯箱lightbox效果-A5资源网

今天在群里唠嗑的时候，有个朋友问有没有推荐的图片点击放大预览的WordPress 插件，我心想这不就是图片灯箱的效果吗，这玩意儿还要用插件吗？

于是便本着助人为乐的心态给答应他用代码整一个，其实也挺简单的，就2 3个文件而已，整个文件就14k大小，总比插件好好些吧。

下面详细写下使用方法。

下载文件

1、首先下载文件，在文章底部点击资源下载按钮下载图片灯箱文件。

2、然后把文件上传到主题目录，也就是/wp-content/themes这个目录，解压！

3、在主题的header.php和footer.php文件分别加载css和js：

//header.php添加下面代码
<link rel=\"stylesheet\" href=\"<?php bloginfo(\'template_url\'); ?>/plugin/css/lightbox.css\" rel=\"external nofollow\" >

//footer添加下面代码
<script src=\"<?php bloginfo(\'template_url\'); ?>/plugin/js/lightbox.js\"></script>

注意：请确保正在使用的主题已经加载了jquery！

如果你使用的古腾堡编辑器，那么教程结束，你可以去试试图片灯箱效果了，不过记得把图片属性链接到图像。

如果你使用的是经典编辑器，那么还需要修改下js文件。

好了，今天的图片灯箱效果WordPress教程到此就结束了

提高网络安全意识,养成良好上网习惯，网络下载文件先扫描杀毒。不要随意点击不明邮件中的链接、图片、文件，适当设置找回密码的提示问题。当收到与个人信息和金钱相关(如中奖、集资等)的邮件时要提高警惕。不要轻易打开陌生人发送至手机的链接和文件。在微信、QQ等程序中关闭定位功能，仅在需要时开启蓝牙。安装手机安全防护软件，经常对手机系统进行扫描。不随意连接不明Wi-Fi、刷不明二维码。保证手机随身携带，建议手机支付客户端与手机绑定，开启实名认证。从官方网站下载手机支付客户端和网上商城应用。使用手机支付服务前，按要求在手机上安装专门用于安全防范的插件。登录手机支付应用、网上商城时，勿选择“记住密码”选项。通过网络购买商品时，仔细查看登录的网站域名是否正确，谨慎点击商家从即时通讯工具上发送的支付链接。谨慎对待手机上收到的中奖、积分兑换等信息，切勿轻易点击短信中附带的不明网址。资源收集自互联网，仅供用于学习和测试，请勿用于商业。资源如有侵权，请联系站长删除，敬请谅解！

原文 ---本内容完成，💞请分享---