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

前端 601
11个月前
https://www.98zx.net/wp-content/themes/Bootstrap/images/random/2.jpg首先引入 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 LightBox 灯箱效果 [ Fancy Box ]代码版免插件
标签: ,

相关文章

WordPress 自动为新文章添加已使用过的历史标签非插件版

每当我们写文章的时候,都需要手动给 WordPress 文章添加标签,这样既能给访问者明确这篇文章的…

523
6个月前
评论神器一键自动填写昵称、邮箱和网址

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

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

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

329
7个月前

共有0条评论

评论本文