学习定有收获
努力成为大神

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

WordPress 原创插件 国人习惯、简约实用、容易上手【点击了解】

自己引入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;
}
内容仅供参考:大神建站 - WordPress插件开发 » 轻松上手!利用 Fancy Box 参考代码在 WordPress 实现 LightBox 灯箱效果

评论 抢沙发

评论前必须登录!

 

登录

找回密码

注册