用代码代替wordpress插件实现wordpress图片暗箱功能！

文章介绍
升级版本
评价&建议

新主题上线，先备份一篇来自CREEKOO的用代码代替wordpress插件实现wordpress图片暗箱功能的文章吧，对于本站来说，这样的功能是十分需要的，因为对于wordpress主题预览的时候，如果放大图的话，影响网站加载速度，现在有了这个功能后，即可在文章内容里插入缩略图，用户点击后弹出最大的清晰图片，是否很多朋友也在为wordpress自带的图片弹出效果十分差而烦恼吗？

那么今天这篇文章将为您解决这个问题！

这里直接给出教程和FancyBox文件包！

首先在主题文件的header.phpl里添加以下调用代码：

<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory'); ?>/fancybox/fancybox.css" />
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/fancybox/jquery-1.9.0.min.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/fancybox/fancybox.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$(".fancybox").fancybox();
});
</script>

然后找到主题文件下的functions.php 文件，将以下内容添加至?>之前

add_filter('the_content', 'fancybox');
function fancybox ($content)
{ global $post;
$pattern = "/<a(.*?)href=('|\")([^>]*).(bmp|gif|jpeg|jpg|png|swf)('|\")(.*?)>(.*?)<\/a>/i";
$replacement = '<a$1href=$2$3.$4$5 rel="box" class="fancybox"$6>$7</a>';
$content = preg_replace($pattern, $replacement, $content);
return $content;
}

最后下载FancyBox文件包解压后放到主题文件的根目录下后，全部保存。。。现在看看wordpress主题站点内的图片弹出效果，肿么样，是否十分绚丽呢？呵呵，效果达到！

有用8

2013.08.21初次和大家见面了！

已拥有13人对该主题的建议

0楼
亓元素:

这个看着不错哦拿回来用用看

2015-11-20 下午 12:58 [回复]
0楼
Summer:

文章上添加图片可以放大，但是使用相册就不能放大了，求大神帮助

2015-07-20 下午 5:14 [回复]
0楼
堕落的撒旦:

你好，为什么有的主题不能使用fancybox 插件啊？我试了好几个都不能，但是换一个主题却又好了··

2015-07-08 下午 10:50 [回复]
- 疯狂的大叔:
  
  跟JQ版本有关吧。。。
  
  2015-07-09 下午 4:05 [回复]
0楼
Zhaoyue:

❓ 刚好需要这个功能，我转载了哦。

2014-10-02 下午 11:35 [回复]
0楼
疯狂的大叔:

有可能是js冲突造成的

2014-04-18 下午 4:33 [回复]
- 菜贩儿:
  
  可以帮我解决一下吗
  
  2014-04-18 下午 4:34 [回复]
  - 菜贩儿:
    
    我在等你哦……
    
    2014-04-18 下午 4:37 [回复]
- 菜贩儿:
  
  麻烦你帮我看看好不好啊
  
  2014-04-18 下午 4:39 [回复]
  - 疯狂的大叔:
    
    请看我们文章里的注意事项！！！
    
    2014-04-18 下午 4:52 [回复]
    - 菜贩儿:
      
      没有看到什么主意事项啊
      
      2014-04-18 下午 4:58 [回复]
0楼
Youth.霖:

已经用上了，感谢！

2014-03-20 上午 11:23 [回复]
0楼
小V:

换主题了啊，比以前好看多了

2013-08-21 下午 10:15 [回复]