准备：
1.jQuery(最好是1.9及以上)；
[Downlink href=‘http://jquery.com/download/’\]点此下载最新版jQuery\[/Downlink\]
2.Fancybox相关文件;
[Downlink href=‘http://fancyapps.com/fancybox/’\]点此下载Fancybox\[/Downlink\]（打开官网后一直往下拉，在中间左右的位置上）
实现：
1.下载解压后从source文件夹中选择如下几个基本文件：
可以在js里面建个相应文件夹放置，也可分开放置，若图片与其他文件分开记得修改css里面的图片链接地址。 2.修改主题function.php文件 在function.php文件中加入
//自动添加暗箱标签属性add_filter('the_content', 'pirobox_gall_replace');function pirobox_gall_replace ($content){ global $post;$pattern = "/<a(.*?)href=('|")([^>]*).(bmp|gif|jpeg|jpg|png)('|")(.*?)>(.*?)</a>/i";$replacement = '<a$1href=$2$3.$4$5 rel="fancybox"$6>$7</a>';$content = preg_replace($pattern, $replacement, $content);return $content;}代码解读：添加文章后，将文章中的图片链接自动添加上rel=fancybox属性用于在初始化时对图片的筛选 例：
<img src="#" rel='fancybox'>3.修改主题header.php文件 在header.php文件中加入
<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_url') ?>/js/fancybox/jquery.fancybox.css" /><script src="<?php bloginfo('template_url') ?>/js/fancybox/jquery.fancybox.pack.js"></script><script type="text/javascript">$(function() {jQuery(".gallery a").attr({rel: "fancybox"});jQuery("a[rel=fancybox]").fancybox();});</script>(也可以在footer.php中添加) 4.拓展： 若要添加鼠标滚动：载入lib文件夹中的jquery.mousewheel-3.0.6.pack.js文件。 更多功能大家自己探索吧O(∩_∩)O~
后省（2015-12-24）
当初写时没细看代码，现在反过来看时感觉用来控制对应的应该是图片代码中的
rel='fancybox'与header.php文件中的
jQuery(".gallery a").attr({rel: "fancybox"});，将rel=‘fancybox’的fancybox改为其他名字时需要同时改这两处地方。
效果展示
该效果现已不存在-2015-12-24 （若要使用相册效果，记得链接到图片哦）： 
评论