坚持学习
我们一定有收获

轻松上手!利用 Fancy Box 参考代码在 WordPress 实现 LightBox 灯箱效果

DeepSeek探索全新的WordPress-AI插件(支持定制功能)点击立即了解

自己引入fancyBox的js和css文件

/**FancyBox图片灯箱修改版**/
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="images"><img$1src=$2$3.$4$5$6></a>','<a$1href=$2$3.$4$5 data-fancybox="images"$6>$7</a>');
    $content = preg_replace($pattern, $replacement, $content);
    return $content;
}
内容仅供参考:栈学 » 轻松上手!利用 Fancy Box 参考代码在 WordPress 实现 LightBox 灯箱效果

评论 抢沙发

登录

找回密码

注册