分类：
浏览：810
emlog图片浮层查看
文章中的图片有时候比较小，点击后查看图片会大一点，但是emlog默认是打开新窗口查看图片的，体验不太好，就想着改掉它。找到了一个插件，但是安装后启用没有效果。我改造了一下可以用了，这里记录一下过程，具体效果可以查看本博客中带图片的文章。
需要引入jquery.js库，最近版本是3.5.1，这里可以查看：https://code.jquery.com/jquery-3.5.1.min.js。但是这个不能用，因为版本不兼容。我找了一下它用的是1.x版本的。
1：下载插件Lytebox
不需要启用，因为启用了也没效果。原因是这个插件不带jquery.js库。
2：下载jquery.js库
版本1.9.1，并上传到网站上。
3：模板文件中引入jquery.js库
在head.php文件中添加引入代码：
<script src="<?php echo BLOG_URL;?>content/templates/模板名称/jquery.js" type="text/javascript"></script>
模板名称改为自己的，也就是你jquery.js库文件的存放地址，其中<?php echo BLOG_URL;?>是获取网站的URL，照搬即可。
4：添加调用代码
在foot.php的body标签中添加调用代码：
<link href="<?php echo BLOG_URL;?>content/plugins/Lanye_lytebox/images/lytebox.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="<?php echo BLOG_URL;?>content/plugins/Lanye_lytebox/images/lytebox.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("a[href$=jpg],a[href$=png],a[href$=gif],a[href$=jpeg]").attr("rel","lytebox[vacation]");
});
</script><script type="text/javascript">
$(document).ready(function(){
$("a[href$=jpg],a[href$=png],a[href$=gif],a[href$=jpeg]").attr("rel","lytebox[vacation]");
});
</script>
这里引入了两个文件，lytebox.css与lytebox.js，这两个文件都在默认的插件目录，不需要修改。当然如果你想直接整合到自己的模板里面也可以，把插件文件复制到模板里面，这样插件都可以删除。
这样改造之后就可以看到效果了。