java图片灯箱,[WordPress教程]纯代码实现图片灯箱lightbox效果

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

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

最终效果如下图所示

下面详细写下使用方法。

下载文件

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

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

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

//header.php添加下面代码

//footer添加下面代码

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

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

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

java图片灯箱,[WordPress教程]纯代码实现图片灯箱lightbox效果相关推荐

java实现展示框,如何使用纯CSS实现蝴蝶标本的展示框效果
本篇文章给大家带来的内容是关于如何使用纯CSS实现蝴蝶标本的展示框效果 ,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 效果预览源代码下载每日前端实战系列的全部源代码请从 git ...
一寸照纯红色底图片_一寸照纯红色底图片
一寸照纯红色底图片红色我和女alpha主攻gl超污朋友.每.海韵,底图我的心灵.我女攻NP高污文高H在一起.我们一起开心地说,小孩,你的心里是你的,你们一定会有什么事. 那么多的人,照纯我们的生活中, ...
纯代码无图片Tips实现过程
前些日子,用百度的时候发现了一个tips效果,感觉不错,就手残的按了F12,看了一下实现过程,刚开始的时候发现很神奇,即没使用图片,也没使用"◇"符号,当然也没有css3的元素. ...
php邀请码演示代码,WordPress主题纯代码实现邀请码功能
网站实现邀请码功能有很多很多用处,具体什么用处,相信大家都知道,就不多说了,直接说怎么实现吧.以下代码来自 @阿树工作室 . 思路: 需要新建一个数据表来保存邀请码. 后台需要两个页面:邀请码列表.添 ...
算法 | Java 常见排序算法（纯代码）
目录汇总 1. 冒泡排序 1. 冒泡排序每轮循环确定最值: public void bubbleSort(int[] nums) { int temp; boolean isSort = fals ...
android imageview 拉伸图片大小,【教程】安卓保证图片长宽比的同时拉伸图片
该楼层疑似违规已被系统折叠隐藏此楼查看此楼在Android当中我们经常会遇到需要将一个图片拉伸用于填充屏幕的问题, 对于拉伸图片符合屏幕大小,我们通常可以在这个ImageView的配置文件当中加 ...
php图片水印制作教程,使用PHP给图片加水印的方法
使用PHP给图片加水印的方法发布时间:2021-02-10 10:10:09 来源:亿速云阅读:62 作者:小新这篇文章主要介绍了使用PHP给图片加水印的方法,具有一定借鉴价值,感兴趣的朋友可以 ...
java 给图片添加暗水印_Java实现给图片添加水印
使用Java给图片添加水印根据需求给图片添加水印,直接上代码 /** * 给图片添加水印 */ public void addWaterMark() { Color color = new Colo ...
黄聪：wordpress博客用Slimbox2实现lightbox效果（免插件）（转）
wordpress博客(免插件)用Slimbox2实现lightbox效果.图片比较多的wordpress博客如果来点lightbox图片特效,那无疑为你的博客增色不少.只是,很多lightbox效果 ...

java图片灯箱,[WordPress教程]纯代码实现图片灯箱lightbox效果

java图片灯箱,[WordPress教程]纯代码实现图片灯箱lightbox效果相关推荐

最新文章

热门文章