WordPress LightBox 灯箱效果 [ Fancy Box ]代码版免插件

前端 310
6个月前

首先引入 JS 和 css(文末下载地址),请根据你的文件目录自行修改


<script src=".../js/jquery-3.2.1.min.js"></script>
<script src=".../js/jquery.fancybox.min.js"></script>
<link rel="stylesheet" href=".../jquery.fancybox.min.css" />

 
第二:将部署的文件引入你 WordPress 主题当中 header.php 文件的 之前。
第三:将下面的代码放入你 WordPress 主题下的 functions.php 文件中即可实现效果。
 


/**FancyBox 图片灯箱**/
add_filter('the_content', 'fancybox');
function fancybox($content){ 
    $pattern = array("/&lt;img(.*?)src=('|")([^&gt;]*).(bmp|gif|jpeg|jpg|png|swf)('|")(.*?)&gt;/i","/&lt;a(.*?)href=('|")([^&gt;]*).(bmp|gif|jpeg|jpg|png|swf)('|")(.*?)&gt;(.*?)/i");
    $replacement = array('&lt;a$1href=$2$3.$4$5 data-fancybox="images"&gt;&lt;img$1src=$2$3.$4$5$6&gt;','&lt;a$1href=$2$3.$4$5 data-fancybox="images"$6&gt;$7');
    $content = preg_replace($pattern, $replacement, $content);
    return $content;
}

 
点击下载

标签: ,

相关文章

评论神器一键自动填写昵称、邮箱和网址

适用WordPress、Typecho、ZBlog、Emlog、多说等平台的评论神器 javascr…

118
1个月前
WordPress 利用sql命令批量修改友情链接全部在新窗口打开

登陆数据库,然后执行 sql 命令: UPDATE Wp_links SET link_target…

86
1个月前
WordPress 网站优化加速

wodpress安装好后,为了适应国内网络环境,有些东西需要调整或是移除,可以有效的提高访问速度,主…

135
2个月前

共有0条评论

评论本文