WordPress文章图片换灯箱（无效）笔记

第一步和第二部的js，css文件，wordpress 都有
https://lib.baomitu.com/fancybox/3.5.7/jquery.fancybox.min.css?ver=6.6.2
https://lib.baomitu.com/fancybox/3.5.7/jquery.fancybox.min.js?ver=6.6.2

footer.php 和 header.php 可以不用添加script、link
图片幻灯箱失效原因，应该是functions.php的add_filter方法

下面的方法已失效

footer.php

<!--图片灯箱效果-->
<script src="  
https://lib.baomitu.com/fancybox/3.5.7/jquery.fancybox.min.js?ver=6.6.2"></script>

header.php

<!--图片灯箱效果-->
<link rel="stylesheet" href="  
https://lib.baomitu.com/fancybox/3.5.7/jquery.fancybox.min.css?ver=6.6.2" />

functions.php

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

手机观看扫描下方微信小程序二维码